Components
Loading preview...
Display text that requires attention or provides additional information.
@shugar
npx shadcn@latest add https://21st.dev/r/shugar/noteimport { Note } from "@/components/ui/note";
export default function DefaultDemo() {
return (
<div className="flex items-center justify-between gap-4">
<Note size="small">A small note.</Note>
<Note>A default note.</Note>
<Note size="large">A large note.</Note>
</div>
);
}