アラートAlert
Experimental

注意を促すためのコールアウトを表示します。

プレビュー

状態とバリエーション

標準表示

補足や注意を本文から分離して示します。

情報

補足情報や参照先を本文から分けて伝えます。

完了

完了や保存済みなど、肯定的な結果を伝えます。

注意

破壊的ではないが、確認してから進める状態に使います。

エラー

操作を止める必要があるエラーや危険な状態に使います。

タイトルのみ

短い完了通知や一文で足りる注意では、説明文を省略できます。

プロパティ

表は横にスクロールできます
プロパティ初期値説明
variant'default' | 'info' | 'success' | 'warning' | 'destructive''default'アラートの意味と強さに応じた見た目です。
childrenReact.ReactNode-アイコン、タイトル、本文を含めたアラートの内容です。
classNamestring-アラートのラッパーに追加するクラスです。

使い方

Loading...

使用コンポーネント