Badge徽章

徽章用於展示動態資訊，例如計數或狀態指示。它可包含文字或數字。

使用方法

按需引入元件：

import 'mdui/components/badge.js';

按需引入元件的 TypeScript 型別：

import type { Badge } from 'mdui/components/badge.js';

使用範例：

範例

形狀

使用 variant 屬性來設定徽章的形狀。當 variant 為 large 時，會顯示大型徽章。你可以在 default slot 中指定要顯示的文字。