Sistine

Badge

Component
View in Storybook

Displays a badge or a component that looks like a badge, with the glass material system.

Installation
Install this component using the shadcn CLI with your preferred package manager
bunx shadcn@latest add @sistine/badge
Usage
Example code for using this component
Glass BadgeDefaultSecondaryDestructive
Props
Component props and variants

This component supports the following variants:

  • default - Standard styling
  • glass - Glassmorphism effect (default)