Serendie Design System

AboutGet StartedFoundationsComponents
© Mitsubishi Electric Corporation

Notification Badgeバッジ

未読の通知や新着情報をユーザーに知らせるためのコンポーネントです。

更新 2024/11/1

サイズ

SmallとMediumの2種類のサイズがあります。

1

Medium

1

Small

カラー

PrimaryとSecondaryの2種類のカラーがあります。Secondaryはテーマカラーに準じます。

1

Primary

1

Secondary

バリエーション

通知数が99以上の場合は省略表示されます。数字を表示せず、通知が存在することだけを示すことも可能です。重要度や表示領域に応じて使い分けてください。

99

99以下

99+

100以上

数字なし