Examples
Production badge scenarios rendered through the components package with Plain-CSS and Tailwind host styling layers.
Notification counts
Count badges with max capping and status dots updated at runtime.
Notification row (Plain CSS)
count: 12
Notification row (Tailwind CSS)
count: 21
Placement and host sizing
Adjust runtime placement and host dimensions while keeping the badge anchored.
Runtime placement (Plain CSS)
count: 12 | position: top-end | hidden: no
Runtime placement (Tailwind CSS)
count: 21 | position: top-end | hidden: no