Notification Dot
🔔
3
<div style="position:relative;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:#1e293b;border-radius:12px;cursor:pointer"><span style="font-size:1.4em">🔔</span><div style="position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;background:#ef4444;border-radius:9999px;color:#fff;font-size:0.7em;font-weight:bold;display:flex;align-items:center;justify-content:center;padding:0 5px;border:2px solid #0f172a">3</div></div>Customize
#ef4444
#1e293b
Props
| Name | Type | Default | Description |
|---|---|---|---|
text | text | 🔔 | Displayed text |
dotColor | color | #ef4444 | Notification dot color |
bgColor | color | #1e293b | Button background color |
Icon button with notification dot badge