• Logo

    Elementra UI

    v0.1.7 - Documentation
  1. Docs
  3. Components/Badge/

Badge

A versatile badge component for highlighting information, status, or categories with distinct visual styles and animations.

1Installation

npm i elementra-ui

2Add Components Using CLI

npx elementra-ui add

Select components using the up/down arrow keys. Press spacebar to select multiple components, then press enter to add them to your src folder.

3Component Preview

DefaultPrimarySecondarySuccessWarningDangerInfoOutline

4Basic Usage

Import and Use

import { Badge } from "@/components/ui/badge";

export default function BadgeExample() {
  return <Badge>Default</Badge>;
}