Badge

A badge component for labels and status indicators

Display

Created by Emma Brown

4.7 rating

432 downloads

Preview

Default

Secondary

Outline

Destructive

Custom Success

Custom Info

Custom Warning

How to use

import { GrainBadge } from "@/components/demos/grain-badge"

export default function MyComponent() {
  return (
    <div>
      <GrainBadge />
    </div>
  )
}

Note: Make sure you have the required dependencies installed and the necessary UI components imported in your project. The component uses Tailwind CSS for styling and may require additional setup based on your project configuration.