UEI logo

UEI Manufacturing System

Operations Workspace

Badge Reference

Consulte esta subpágina para ver import, available props, exemplo de uso e controles vivos do component.

Hierarchy

Comece por `atoms` e avance para níveis maiores só quando a capacidade realmente precisar de composição.

Badge

Small status label for semantic emphasis.

Use when: Use for compact, non-interactive status chips.

Import

import { Badge } from "@components/index";

Example

<Badge label="Success" variant="success" />

Available Props

labelstring

Visible badge text.

variantsemantic union

Visual status variant.

Live Preview

Catalog status

Controls

neutral

primary

success

warning

danger

This application is a prototype and is being developed by Antonio Araujo and Seron S.