Badge

A label used to show a status or category.
Badge
Properties
variant
icon
children
iconRight
Example
Source Code
Installation
"use client";

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

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

export default BadgeExample;

Props

Badge
Prop
Type
Default
Additional info
variant
"brand" | "neutral" | "error" | "warning" | "success"
"brand"
icon
IconName
null
children
string
"Badge"
iconRight
IconName
null

Examples

Variants