アラートAlertExperimental
注意を促すためのコールアウトを表示します。
プレビュー
CLIで追加できます
必要なコンポーネントを選んで、プロジェクトへ追加できます。
状態とバリエーション
標準表示
補足や注意を本文から分離して示します。
CLIで追加できます
必要なコンポーネントを選んで、プロジェクトへ追加できます。
情報
補足情報や参照先を本文から分けて伝えます。
仕様を確認できます
詳細な仕様は、このページのプロパティ表にまとめています。
完了
完了や保存済みなど、肯定的な結果を伝えます。
保存しました
設定は次回のプレビューから反映されます。
注意
破壊的ではないが、確認してから進める状態に使います。
公開前に確認してください
外部に公開される項目が含まれています。
エラー
操作を止める必要があるエラーや危険な状態に使います。
セッションが切れました
続行するには、もう一度ログインしてください。
タイトルのみ
短い完了通知や一文で足りる注意では、説明文を省略できます。
下書きを保存しました
プロパティ
表は横にスクロールできます
| プロパティ | 型 | 初期値 | 説明 |
|---|---|---|---|
| variant | 'default' | 'info' | 'success' | 'warning' | 'destructive' | 'default' | アラートの意味と強さに応じた見た目です。 |
| children | React.ReactNode | - | アイコン、タイトル、本文を含めたアラートの内容です。 |
| className | string | - | アラートのラッパーに追加するクラスです。 |
使い方
Loading...