Components

Callout

Information callout box with tip, info, warning, and danger variants. Supports collapsible content.

Pro Tip

Use keyboard shortcuts to speed up your workflow. Press Cmd+K to open the command palette.

Note

This feature is available on all paid plans.

Caution

This action will affect all team members. Make sure everyone is notified before proceeding.

Danger

Deleting your account is permanent and cannot be undone.

Installation

Using shadcn CLI

npx shadcn add callout --url https://ui.hampton.io

Manual installation

Copy the component file to your project and install dependencies:

npm install clsx tailwind-merge