Callout

The inline notice for info boxes and trial banners. tone (info / success / warning / danger) tints the background and picks a default icon.

Installation

npm install @crisp-ui-kit/crisp

Props

Examples

Bordered

Pass bordered for a page-level banner look — measured live on Attio's own Objects settings page (a real Pro-plan upgrade nudge): a 1px border, 12px radius, tighter 8px/12px padding, and a brand-tinted background. No close/dismiss button — none was found on the live Attio banner.