SaaS Badge
Small status indicator label
SaaSData Display
Overview
Badge renders a compact label with semantic color variants for tagging, categorizing, or highlighting status. Built with CVA for consistent styling across seven variants.
Usage
import { Badge } from "@leanicon/web-builder-library/saas";
<Badge variant="default">Active</Badge>;Variants
Default
Default
Dark
Default
Secondary
Secondary
Destructive
Destructive
Outline
Outline
Success
Success
Warning
Warning
Info
Info
All Variants
Default
Secondary
Destructive
Outline
Success
Warning
Info
Props
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
variant | "default" | "secondary" | "destructive" | "outline" | "success" | "warning" | "info" | null | — | No |