ZBadge
Badge component from zurto-ui.
Preview
New
Import
typescript
import { ZBadge } from "zurto-ui";Props
| Prop | Type | Default | Description |
|---|---|---|---|
variant | string | primary | Badge variant |
size | string | md | Badge size |
Sizes
tsx
<ZBadge size="sm">Small</ZBadge>
<ZBadge size="md">Medium</ZBadge>
<ZBadge size="lg">Large</ZBadge>Accessibility
- ✅ Proper ARIA attributes included
- ✅ Keyboard navigation support
- ✅ Screen reader friendly
- ✅ Focus visible indicators