Badgeバッジ

バッジは、カウントや状態表示などの動的な情報を表示するために使用されます。テキストや数字を含めることができます。

使用方法

コンポーネントを必要に応じてインポートします：

import 'mdui/components/badge.js';

コンポーネントの TypeScript 型を必要に応じてインポートします：

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

使用例：

例

形状

variant 属性を使用してバッジの形状を設定します。variant が large の場合、大きなバッジが表示されます。表示するテキストはデフォルトスロットで指定できます。