Callout
Used for hints, disclaimers, tips, warnings, or documentation needs.
Default
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Tempora cupiditate sapiente officiis ullam, nulla nam sunt? Ipsa facilis ut aspernatur debitis. Qui dolorem modi, assumenda nihil eligendi commodi tempore eos?
Success
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Tempora cupiditate sapiente officiis ullam, nulla nam sunt? Ipsa facilis ut aspernatur debitis. Qui dolorem modi, assumenda nihil eligendi commodi tempore eos?
Warning
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Tempora cupiditate sapiente officiis ullam, nulla nam sunt? Ipsa facilis ut aspernatur debitis. Qui dolorem modi, assumenda nihil eligendi commodi tempore eos?
Error
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Tempora cupiditate sapiente officiis ullam, nulla nam sunt? Ipsa facilis ut aspernatur debitis. Qui dolorem modi, assumenda nihil eligendi commodi tempore eos?
Installation
npx solidui-cli@latest add callout
Usage
import { Callout, CalloutContent, CalloutTitle } from "~/components/ui/callout"
<Callout>
<CalloutTitle>Title</CalloutTitle>
<CalloutContent>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Tempora cupiditate sapiente officiis
ullam, nulla nam sunt? Ipsa facilis ut aspernatur debitis. Qui dolorem modi, assumenda nihil
eligendi commodi tempore eos?
</CalloutContent>
</Callout>