Badge

A label used to show a status or category.
Badge
Properties
variant
icon
children
iconRight

Installation

Usage

Example
Source Code
"use client";

import React from "react";
import { Badge } from "@/ui/components/Badge";

function BadgeExample() {
  return (
    <Badge variant="brand" icon={null} iconRight={null}>
      Badge
    </Badge>
  );
}

export default BadgeExample;

Props

Badge Props
Prop
Type
Default value
Notes
variant
"brand" | "neutral" | "error" | "warning" | "success"
"brand"
icon
IconName
null
children
string
"Badge"
iconRight
IconName
null

Examples

Variants