UI Lab | Badge

Small badge for displaying labels or status indicators.

Badge Text

import { Badge } from "ui-lab-components";
 
export function Example() {
  return <Badge>Default</Badge>;
}

Variant

Size

Dismissible

A simple badge with default styling. Use this to display labels, tags, or status indicators in your interface.

New

import React from 'react';
import { Badge } from 'ui-lab-components';
 
export default function Example() {
  return <Badge>New</Badge>;
}