Badge

A small status or count label.

BadgeProps packages/core/src/controls.ts:119 ↗

Import

import { Badge } from "@tarve/core";

Usage

Badge.tsx

import { Badge, Row } from "@tarve/core";

<Row gap={6}>
  <Badge>New</Badge>
  <Badge variant="secondary">Beta</Badge>
  <Badge variant="outline">v0.4</Badge>
  <Badge variant="destructive">Failed</Badge>
</Row>

Props

Prop	Type	Default
`variant`	`"default" \| "secondary" \| "outline" \| "destructive"`	`"default"`

Common props

Shared by every component. See descriptions →

childrenhighlightidkeymotionFromonHighlightonPasteonTransitionEndrovingGroupstyle