🎨 Sticker Component

Brutal стікери - яскраві, інтерактивні елементи з різними анімаціями та кольорами.

Basic Stickers

⭐Star

💀Brutal

🔥Hot

💎Gem

Sizes

🎯Small

🎯Medium

🎯Large

🎯XL

Colors

🌈Yellow

🌈Pink

🌈Blue

🌈Green

🌈Orange

🌈Purple

🌈Red

Animations

↪️Rotate L

↩️Rotate R

⬆️Bounce

↔️Wiggle

☁️Float

💫Pulse

Interactive (Click Me!)

🎉Party

🚀Launch

⚡Power

❤️Love

🎪 Mega Collection

💀Brutal

🔥Fire

⭐Star

💎Diamond

🎨Art

⚡Fast

🚀Rocket

💯100

🎯Target

✨Magic

🌟Shine

🎭Drama

Usage Example

import { Sticker, StickerGroup } from '@brutal-ui/react';

function MyComponent() {
  return (
    <StickerGroup>
      <Sticker 
        emoji="💀" 
        text="Brutal" 
        color="yellow"
        variant="rotate-left"
        size="lg"
        onClick={() => console.log('Clicked!')}
      />
      <Sticker 
        emoji="🔥" 
        text="Hot" 
        color="orange"
        variant="float"
      />
    </StickerGroup>
  );
}

Props

Prop	Type	Default	Description
emoji	string	⭐	Emoji для відображення
text	string	-	Текст під emoji
variant	rotate-left \| rotate-right \| bounce \| wiggle \| float \| pulse	rotate-left	Тип анімації
color	yellow \| pink \| blue \| green \| orange \| purple \| red	yellow	Колір фону
size	sm \| md \| lg \| xl	md	Розмір стікера
onClick	() => void	-	Callback при кліку
className	string	-	Додаткові CSS класи