Dismissible

A close button hides the banner with a restore link.

Library

FLX UI

Framework

React

Type

block

License

AGPL-3.0

Install

pnpm dlx shadcn@latest add @flx/banner-03

Files

• registry/patterns/banner/banner-03.tsx
• src/components/ui/button.tsx
• src/lib/utils.ts

Source

https://github.com/felipemenezes098/ui-flx

Categories

• Alert Components
• React Alert Components
• Tailwind CSS Alert Components
• shadcn/ui Alert Components
• Banner Components
• React Banner Components
• Tailwind CSS Banner Components
• shadcn/ui Banner Components
• Feedback Components
• React Feedback Components
• Tailwind CSS Feedback Components
• shadcn/ui Feedback Components

More from FLX UI

• Basic
• Variants
• With actions
• Announcement bar
• Expandable
• Maintenance
• Email verification
• Stacked
• With progress
• Basic
• Multiple
• With icons