Badge

A small inline label for surfacing statuses, categories, and metadata next to other content.

Badge

New

Installation

pnpm dlx shadcn@latest add @sortui/badge

import {
  Badge,
} from "@/components/ui/badge"

DefaultOutlineSecondaryGhostDestructiveLink

DefaultLarge

VerifiedBookmark

OperationalWarningDownMaintenance

ReactTypeScriptRemixVite

Realtime syncNew

Collaborative cursors are now available in beta 4.2 for all workspace plans.

BlueVioletFuchsiaPinkRedOrangeAmberGreenLimeTealCyan

Get the full Figma kit, the code of 180+ sections and every future update for one payment.