Alert
状態を伝えるアラートメッセージ。
Variants
お知らせ
システムメンテナンスが予定されています。
完了
ファイルが正常にアップロードされました。
注意
ストレージ容量が残りわずかです。
エラー
接続に失敗しました。再試行してください。
TSX
<Alert variant="info" title="お知らせ">
システムメンテナンスが予定されています。
</Alert>
<Alert variant="success" title="完了">
ファイルが正常にアップロードされました。
</Alert>閉じるボタン付き
ヒント
この通知は閉じることができます。
Props
| Prop | Type | Default | 説明 |
|---|---|---|---|
variant | "info" | "success" | "warning" | "error" | "info" | アラートの種類 |
title | string | — | タイトル |
dismissible | boolean | false | 閉じるボタンの表示 |
onDismiss | () => void | — | 閉じた時のコールバック |