InlineConfirm
インラインで確認アクションを表示するバナーコンポーネント。variant に応じたアイコンとカラーで警告・確認を提示。
import { InlineConfirm } from "@blueai/ui"Examples
Danger
この請求書を削除しますか？
削除すると元に戻せません。
Warning
この取引先をアーカイブしますか？
Info
新しいバージョンが利用可能です
最新版にアップデートしてください。
Success
送信が完了しました
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| variant* | "danger" | "warning" | "info" | "success" | — | スタイルバリアント |
| title* | string | — | タイトルテキスト |
| confirmLabel* | string | — | 確認ボタンのラベル |
| onConfirm* | () => void | — | 確認ボタンクリック時のハンドラ |
| description | string | — | 補足説明テキスト |
| cancelLabel | string | "キャンセル" | キャンセルボタンのラベル |
| onCancel | () => void | — | キャンセルボタンクリック時のハンドラ（指定時のみ表示） |
| icon | ReactNode | — | カスタムアイコン（省略時は variant に応じたデフォルト） |