Components
Loading preview...
Display text that requires attention or provides additional information.
@shugar
npx shadcn@latest add https://21st.dev/r/shugar/noteimport { Button } from "@/components/ui/button-1";
import { Note } from "@/components/ui/note";
import Link from "next/link";
export default function DisabledDemo() {
return (
<div className="flex flex-col items-start gap-4 w-3/4">
<Note
action={<Button size="small">Upgrade</Button>}
disabled
fill
type="warning"
>
This note details a warning.
</Note>
<Note
action={<Button size="small">Upgrade</Button>}
disabled
fill
type="warning"
>
This filled note details some success information. Check{" "}
<Link data-zone="same" href="/geist#">
the documentation
</Link>{" "}
to learn more.
</Note>
</div>
);
}