Alerts
8 种外观 × 语义色彩，支持可关闭
default bordered-left
お知らせ
新しいバージョンが利用可能です。
完了
データが正常に保存されました。
注意
ストレージの使用率が 80% を超えています。
エラー (dismissible)
接続に失敗しました。再試行してください。
soft (text-base-content / mute)
Info alert
soft appearance の情報通知。
Success alert
soft appearance の成功通知。
Warning alert
soft appearance の警告通知。
Error alert
soft appearance のエラー通知。
vivid (saturated color-mix)
Info alert
vivid appearance の情報通知。
Success alert
vivid appearance の成功通知。
Warning alert
vivid appearance の警告通知。
Error alert
vivid appearance のエラー通知。
solid
Info alert
solid appearance の情報通知。
Success alert
solid appearance の成功通知。
Warning alert
solid appearance の警告通知。
Error alert
solid appearance のエラー通知。
outline
Info alert
outline appearance の情報通知。
Success alert
outline appearance の成功通知。
Warning alert
outline appearance の警告通知。
Error alert
outline appearance のエラー通知。
base-100
Info alert
base-100 appearance の情報通知。
Success alert
base-100 appearance の成功通知。
Warning alert
base-100 appearance の警告通知。
Error alert
base-100 appearance のエラー通知。
base-200
Info alert
base-200 appearance の情報通知。
Success alert
base-200 appearance の成功通知。
Warning alert
base-200 appearance の警告通知。
Error alert
base-200 appearance のエラー通知。
base-300
Info alert
base-300 appearance の情報通知。
Success alert
base-300 appearance の成功通知。
Warning alert
base-300 appearance の警告通知。
Error alert
base-300 appearance のエラー通知。
Surface match (base-200 alert on base-200 background)
周囲と溶け込む
surface 上で違和感なく配置できます。
warning
注意喚起だが控えめ。
Bordered-top
Bordered-top Info
上部アクセントバー。
Bordered-top Success
Preline 風の上線アクセント。
Ghost / Link
Ghost Info
背景・枠線なし、テキストのみの最小表示。
Link Primary
下線付きリンク調 alert。