Badge

Displays a small indicator positioned relative to another element, commonly used for notification counts, status dots, and labels.

Library

HeroUI

Framework

React

Type

component

License

Apache-2.0

Install

npm install @heroui/react

Files

• packages/react/src/components/badge/badge.tsx
• packages/react/src/components/badge/index.ts
• packages/styles/src/index.ts
• packages/styles/src/utils/index.ts
• packages/styles/src/components/index.ts
• packages/react/src/utils/dom.tsx
• packages/react/src/utils/compose.ts

Source

https://github.com/heroui-inc/heroui

Categories

• Badge Components
• React Badge Components
• Tailwind CSS Badge Components
• Feedback Components
• React Feedback Components
• Tailwind CSS Feedback Components

More from HeroUI

• Accordion
• Alert
• Alert Dialog
• Autocomplete
• Avatar
• Avatar Group
• Breadcrumbs
• Button
• Button Group
• Calendar
• Card
• Checkbox