cloakuiCloak UI

Badge

Unified Badge API for shadcn/ui and Hero UI via Cloak UI wrappers.

This documentation is currently under construction. We're working hard to bring you comprehensive documentation and interactive examples soon.

Overview

The Badge component provides a unified API that works seamlessly with both shadcn/ui and Hero UI design systems. Through Cloak UI wrappers, you get consistent behavior and styling across both implementations.

Key Features

  • 🎨 Simple Badge Component API
  • πŸ”„ Easy migration between shadcn/ui and Hero UI
  • πŸ’ͺ Type-safe props and variants
  • ⚑️ Full accessibility support
  • 🎭 Multiple variants and sizes
  • 🎨 Customizable colors
  • πŸ“ Icon support
  • πŸ”„ Dot variations

Documentation Status

  • ⏳ Component Demo - Coming Soon
  • ⏳ Props API Reference - Coming Soon
  • ⏳ Usage Examples - Coming Soon
  • ⏳ Theming Guide - Coming Soon

Want to explore the implementation details? Check our GitHub repository for source code and documentation. Our Badge component provides a consistent labeling experience across both UI libraries.

Tip:
The Badge component follows our unified wrapper pattern, making it easy to switch between UI libraries while maintaining consistent behavior and styling.

On this page