ウィンドウ枠
タイトルと内容領域を持つ画面枠
描画待ち
<span class="bf-inline-shape" data-shape-type="WINDOW_FRAME_UI"></span>既存のbone-shape.jsとbone-shapes.jsonを読み込んでいます。
基本UI（16種類）
最小化
ウィンドウを最小化するボタン
描画待ち
<span class="bf-inline-shape" data-shape-type="WINDOW_CONTROL_MINIMIZE"></span>最大化
ウィンドウを最大化するボタン
描画待ち
<span class="bf-inline-shape" data-shape-type="WINDOW_CONTROL_MAXIMIZE"></span>元に戻す
最大化前の大きさに戻すボタン
描画待ち
<span class="bf-inline-shape" data-shape-type="WINDOW_CONTROL_RESTORE"></span>閉じる
ウィンドウを閉じるボタン
描画待ち
<span class="bf-inline-shape" data-shape-type="WINDOW_CONTROL_CLOSE"></span>ボタン
標準操作ボタン
描画待ち
<span class="bf-inline-shape" data-shape-type="BUTTON_RECT"></span>アイコンボタン
アイコンのみの操作ボタン
描画待ち
<span class="bf-inline-shape" data-shape-type="BUTTON_ICON"></span>スプリットボタン
主操作と候補の分割ボタン
描画待ち
<span class="bf-inline-shape" data-shape-type="BUTTON_SPLIT"></span>チェックボックス
ON/OFF選択
描画待ち
<span class="bf-inline-shape" data-shape-type="CHECKBOX_UI"></span>オプションボタン
単一選択
描画待ち
<span class="bf-inline-shape" data-shape-type="RADIO_BUTTON_UI"></span>テキストボックス
1行文字入力
描画待ち
<span class="bf-inline-shape" data-shape-type="TEXTBOX_UI"></span>コンボボックス
候補付き入力
描画待ち
<span class="bf-inline-shape" data-shape-type="COMBOBOX_UI"></span>トースト通知
簡易通知
描画待ち
<span class="bf-inline-shape" data-shape-type="TOAST_UI"></span>ダイアログ
モーダルダイアログ
描画待ち
<span class="bf-inline-shape" data-shape-type="DIALOG_UI"></span>タブ
タブ切替見出し
描画待ち
<span class="bf-inline-shape" data-shape-type="TAB_UI"></span>メニュー
操作候補の一覧
描画待ち
<span class="bf-inline-shape" data-shape-type="MENU_UI"></span>カレンダー（11種類）
月カレンダー
1か月の予定表示
描画待ち
<span class="bf-inline-shape" data-shape-type="CALENDAR_MONTH"></span>週カレンダー
1週間の予定表示
描画待ち
<span class="bf-inline-shape" data-shape-type="CALENDAR_WEEK"></span>日付セル
通常の日付セル
描画待ち
<span class="bf-inline-shape" data-shape-type="CALENDAR_DAY_CELL"></span>選択日セル
選択状態の日付セル
描画待ち
<span class="bf-inline-shape" data-shape-type="CALENDAR_DAY_SELECTED"></span>今日セル
今日の強調表示
描画待ち
<span class="bf-inline-shape" data-shape-type="CALENDAR_DAY_TODAY"></span>祝日セル
祝日の日付
描画待ち
<span class="bf-inline-shape" data-shape-type="CALENDAR_DAY_HOLIDAY"></span>イベントセル
イベントを持つ日付
描画待ち
<span class="bf-inline-shape" data-shape-type="CALENDAR_DAY_EVENT"></span>タスクセル
タスクを持つ日付
描画待ち
<span class="bf-inline-shape" data-shape-type="CALENDAR_DAY_TASK"></span>カレンダーヘッダ
年月と前月/翌月
描画待ち
<span class="bf-inline-shape" data-shape-type="CALENDAR_HEADER"></span>前へ
前月/前週へ移動
描画待ち
<span class="bf-inline-shape" data-shape-type="CALENDAR_NAV_PREV"></span>次へ
翌月/翌週へ移動
描画待ち
<span class="bf-inline-shape" data-shape-type="CALENDAR_NAV_NEXT"></span>タイムライン（8種類）
時間グリッド
時間目盛りと背景格子
描画待ち
<span class="bf-inline-shape" data-shape-type="TIMELINE_GRID"></span>タイムバー
開始・終了を示す時間帯
描画待ち
<span class="bf-inline-shape" data-shape-type="TIMELINE_BAR"></span>範囲バー
開始・終了ハンドル付き
描画待ち
<span class="bf-inline-shape" data-shape-type="TIMELINE_BAR_RANGE"></span>選択バー
選択中のバー
描画待ち
<span class="bf-inline-shape" data-shape-type="TIMELINE_BAR_SELECTED"></span>縦タイムライン
時間を縦方向に表す
描画待ち
<span class="bf-inline-shape" data-shape-type="TIMELINE_VERTICAL"></span>横タイムライン
時間を横方向に表す
描画待ち
<span class="bf-inline-shape" data-shape-type="TIMELINE_HORIZONTAL"></span>時刻ラベル
時間目盛りの文字
描画待ち
<span class="bf-inline-shape" data-shape-type="TIMELINE_LABEL_HOUR"></span>現在時刻線
現在時刻位置
描画待ち
<span class="bf-inline-shape" data-shape-type="TIMELINE_MARKER_NOW"></span>Picker（7種類）
DatePicker
日付選択UIの概観
描画待ち
<span class="bf-inline-shape" data-shape-type="DATE_PICKER_UI"></span>TimePicker
時刻選択UIの概観
描画待ち
<span class="bf-inline-shape" data-shape-type="TIME_PICKER_UI"></span>DateTimePicker
日時入力UIの概観
描画待ち
<span class="bf-inline-shape" data-shape-type="DATETIME_PICKER_UI"></span>ColorPicker
色の選択UIの概観
描画待ち
<span class="bf-inline-shape" data-shape-type="COLOR_PICKER_UI"></span>FilePicker
ファイル選択UIの概観
描画待ち
<span class="bf-inline-shape" data-shape-type="FILE_PICKER_UI"></span>Pickerポップアップ
展開時の選択パネル
描画待ち
<span class="bf-inline-shape" data-shape-type="PICKER_POPUP_UI"></span>候補一覧
選択候補リスト
描画待ち
<span class="bf-inline-shape" data-shape-type="OPTION_LIST_UI"></span>