ComponentsBadge

Badge

Displays a simple or animated badge.

Animated Examples

Shine

Badge

Animated Border

Badge

Rotate Border

Badge

Simple Examples

Default

Badge

Outline

Badge

Success

Badge

Destructive

Badge

Usage

import { Badge } from "@/components/ui/badge"
<Badge variant="animated-border">Badge</Badge>

Installation

npx @luxeui/ui@beta add badge