Note Intent

PreviousNext

note-intent-demo

Docs
intentuipage

Preview

Loading preview…
components/docs/statuses/note/note-intent-demo.tsx
import { Note } from "@/components/ui/note"

const notes = ["info", "default", "warning", "danger", "success"] as const

export default function NoteIntentDemo() {
  return (
    <div className="max-w-md space-y-2">
      {notes.map((it) => (
        <Note key={it} intent={it}>
          We hook you up with top-tier migration services in our startup plan. Wanna roll with it?
          Hit us up here.
        </Note>
      ))}
    </div>
  )
}

Installation

npx shadcn@latest add @intentui/note-intent-demo

Usage

Usage varies by registry entry. Refer to the registry docs or source files below for details.