Drawer ドロワー

使用場面

ドロワーは、メインの操作を離れない状態で、ユーザーが迅速に簡単な操作を実行したり、ユーザー情報を確認したり、フィードバックの通知を表示するための補助ウィンドウです。

コンポーネント例

コンポーネント属性

属性	说明	类型	默认值
afterClose	ドロワークローズ後イベント	() => void	-
afterOpen	ドロワーオープン後イベント	() => void	-
cancelText	キャンセルボタンのテキスト	string	'キャンセル'
closeable	ダイアログを閉じる方法。esc：ESCキーを押して閉じる、mask：マスクをクリックして閉じる	'esc' | 'mask'	'esc'
confirmState	OKボタンの確認状態	'NORMAL' | 'DISABLED' | 'LOADING'	'NORMAL'
confirmStyle	OKボタンタイプ。Buttonコンポーネントのドキュメントを参照	'primary' | 'warning' | 'ghostLight' | 'ghostDark'	'primary'
confirmText	OKボタン内のテキスト	string	'確認'
footer	フッターボタンを表示するかどうか	boolean	true
footerActions	ダイアログフッターのデフォルトボタン配置方法。cancelはキャンセルボタン、okはOKボタンを表します	'cancel,ok' | 'cancel,ok' | 'ok' | 'cancel'	'cancel,ok'
footerAlign	ダイアログのOKボタンとキャンセルボタンの配置方法	'left' | 'center' | 'right'	'right'
hasMask	マスクを表示するかどうか	boolean	true
height	ドロワー高さ	number	-
onCancel	キャンセルボタンクリック時のイベント	() => void	-
onClose	ドロワークローズ時のイベント	() => void	-
onOk	OKボタンクリック時のイベント	() => void	-
placement	ドロワーの表示位置	'right' | 'top' | 'bottom' | 'left'	'right'
title	ドロワータイトル	string	'ドロワータイトル'
visible	ドロワーを表示するかどうか	boolean	false
width	ドロワー幅	number	-