Gradient Badge
New Feature
<span style="display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 16px;border-radius:9999px;font-size:0.85em;font-weight:600;letter-spacing:0.02em">New Feature</span> Customize
#667eea
#764ba2
px
Props
| Name | Type | Default | Description |
|---|---|---|---|
text | text | New Feature | Displayed text |
color1 | color | #667eea | Gradient start color |
color2 | color | #764ba2 | Gradient end color |
borderRadius | slider (px) | 9999px | Corner roundness |
Gradient badge