@nowt/premium-badge v1.0.5

🏷️ Nowt-UI PremiumBadge

A modern, premium-looking Badge component built with React.

You can explore the components at Nowt UI (click to visit)

🚀 Features

• ✅ Simple and reusable
• 🎨 Customizable variant, size, pill shape, and optional icon
• 🌈 Looks elegant on light and dark themes
• ⚡ Minimal dependencies (react-icons optional for icons)

📦 Installation

npm install react-icons

npm i @nowt/premium-badge

📚 Usage

import  PremiumBadge  from '@nowt/premium-badge';
import { HiSparkles } from 'react-icons/hi';

export default function App() {
  return (
    <div style={{ display: 'flex', gap: '1rem' }}>
      <PremiumBadge label="Pro User" variant="primary" icon={<HiSparkles />} />
      <PremiumBadge label="Verified" variant="success" pill size="sm" />
      <PremiumBadge label="Beta" variant="warning" size="lg" />
    </div>
  );
}

✨ Props

🎨 Variants

📏 Sizes

💡 Examples

<PremiumBadge label="Basic" variant="neutral" />
<PremiumBadge label="Early Access" variant="info" size="lg" />
<PremiumBadge label="Error" variant="danger" pill={false} />

👨‍💻 Author

Made by Lokesh Choudhary — keep building Nowt-UI premium UI.