Notice Card 01

Inline info, warning, success, or error notice card with optional action and dismiss.

Install with shadcn CLI

Adds the block files into your project. Run from an app that already has shadcn initialized.

bash

npx shadcn@latest add @tt-ui/notice-card-01

Preview

Live demo of this block in the browser.

Notice Card

Inline info, warning, success, or error notice with optional action and dismiss.

Info

New integrations available

Connect Slack, Linear, or GitHub from your workspace settings.

Warning

API rate limit approaching

You have used 85% of your monthly API quota. Upgrade to avoid throttling.

Success

Deployment completed

Version 2.4.1 is live in production with zero errors reported.

Error

Payment method expired

Update your billing details to avoid service interruption.