Sticker Stack Text
Transparent layered sticker-style type cards that fan open with springy Gen-Z poster energy and bold MelonUI color blocking.
Component Showcase
Interactive Playground
Adjust sliders and values to preview changes in real-time
topTextLOUD
Top sticker label.
middleTextSOFT
Middle sticker label.
bottomTextTYPE
Bottom sticker label.
topColor#ff5c71
Top sticker color.
middleColor#f7f0d2
Middle sticker color.
bottomColor#7fff5e
Bottom sticker color.
hintHover to fan
Optional helper label shown under the sticker stack.
API Reference (Props)
Component properties and type specifications
| Prop | Type | Default | Description |
|---|---|---|---|
| topText | string | "LOUD" | Top sticker label. |
| middleText | string | "SOFT" | Middle sticker label. |
| bottomText | string | "TYPE" | Bottom sticker label. |
| topColor | string | "#ff5c71" | Top sticker color. |
| middleColor | string | "#f7f0d2" | Middle sticker color. |
| bottomColor | string | "#7fff5e" | Bottom sticker color. |
| hint | string | "Hover to fan" | Optional helper label shown under the sticker stack. |