GREENengagehttps://green-engage.deDesign

Badge

Displays a badge or a component that looks like a badge.

import { Badge } from "@/components/ui/badge";
  
<Badge variant="default" size="default">
  Badge
</Badge>

Default

Badge
Badge

Light

Badge
Badge

Outline

Badge
Badge

Warning

Badge
Badge

Destructive

Badge
Badge

Success

Badge
Badge

Blue

Badge
Badge