Dev Design Library

Banner

Status message built from parts (Banner, BannerTitle, BannerDescription, BannerActions, BannerAction): 5 statuses (filled glyphs for info, success, warning and error; the icon set's outline info icon for default), low or high contrast, prim.

Banner preview
Library
Fluid Functionalism
Framework
React
Type
ui
License
MIT
Dependencies
motion
Install
npx shadcn@latest add @fluid/banner
Files
  • registry/default/banner.tsx
  • registry/default/lib/utils.ts
  • registry/default/lib/springs.ts
  • registry/default/lib/font-weight.ts
  • registry/default/lib/shape-context.tsx
  • registry/default/lib/size-context.tsx
  • registry/default/lib/type-scale.ts
  • registry/default/lib/icon-context.tsx
Source
https://github.com/mickadesign/fluid-functionalism

Categories

More from Fluid Functionalism