Svelte Material UI - Badge

An indicator for content.

Installation

npm install --save-dev @smui-extra/badge

Examples and Usage Information

https://sveltematerialui.com/demo/badge

Exports

(default)

A badge.

Props / Defaults

• use: [] - An array of Svelte actions and/or arrays of an action and its options.
• class: '' - A CSS class string.
• square: false - Whether the component has square or rounded corners.
• color: 'default' - The component's color. ('primary', 'secondary', 'default', or a custom color string defined with SASS)
• position: 'middle' - The position of the badge relative to the corner of the container. ('inset', 'middle', or 'outset')
• align: 'top-end' - The corner alignment of the badge on its container. ('top-start', 'top-end', 'bottom-start', or 'bottom-end')