Skip to main content
⚠️ AppKit is in an early development phase and is subject to change without notice. DO NOT use in production environments.

# Badge

Small label for displaying status, categories, or counts

## Example​

    import { Badge } from "@databricks/appkit-ui/react"

    export default function BadgeExample() {
      return <Badge>Badge</Badge>
    }

## Badge​

Small label for displaying status, categories, or counts

Source: `packages/appkit-ui/src/react/ui/badge.tsx`

### Props​

Prop | Type | Required | Default | Description
--- | --- | --- | --- | ---
`variant` | `"default" | "destructive" | "secondary" | "outline" | null` |  | - | -
`asChild` | `boolean` |  | `false` | -

### Usage​

    import { Badge } from '@databricks/appkit-ui';

    <Badge /* props */ />