Badge

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

Badge

Installation

npx @kosori/cli add components badge

Usage

import { Badge } from '~/components/ui/badge';
<Badge intent='info'>Badge</Badge>

Reference

PropTypeDefault
intent
enum
default
size
enum
medium
variant
enum
solid

Examples

Intents & Variants

Default

Soft

Outline

Default

Badge
Badge
Badge

Info

Badge
Badge
Badge

Success

Badge
Badge
Badge

Warning

Badge
Badge
Badge

Error

Badge
Badge
Badge

Sizes

Small
Medium
Large

On this page