GitHub

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>