Dev Design Library

Banner Notice

Info and error status banners with icons and the right live-region roles.

Banner Notice preview
Library
Nexvyn UI
Framework
React
Type
block
License
CC-BY-NC-4.0+Commons-Clause+MIT
Dependencies
@hugeicons/core-free-icons, @hugeicons/react, @radix-ui/react-slot, class-variance-authority, motion
Install
npx shadcn@latest add @nexvyn/banner-notice
Files
  • components/blocks/banner/banner-notice.tsx
  • components/blocks/banner/banner.tsx
  • components/blocks/banner/banner-link.tsx
  • lib/hooks/use-controlled-state.ts
  • lib/utils.ts
Source
https://github.com/Nexvyn/Nexvyn-ui

Categories

More from Nexvyn UI