Badges
The Below is a collection of simple to complex examples. This is how to use basic badges. You can incorporate badges with dynamic content to make things such as a notification system. The Badge
component superscripts or subscripts an avatar-like icon or text onto content to highlight information to a user or to just draw attention to a specific element. Content within the badge usually contains numbers or icons. API
Examples
Basic
Dynamic Notifications
Offset
Badge
component is flexible and can be used in a variety of use-cases over numerous elements. Options to tweak the location are also available through the offsetX
and offsetY
props.
Ready For More?
Continue to learn more about svelte materialify with content selected by the creator.
Last Updated: 2022-10-03