Skip to content
web-ui デザインシステム
Search
Ctrl
K
Cancel
GitHub
Select theme
Dark
Light
Auto
Menu
はじめに
はじめに
導入
設計原則
基礎
基礎
トークン
色
タイポグラフィ
スペーシング
角丸
エレベーション
レイヤー
レスポンシブ
アイコン
テーマ
テーマ
ブランドを差し替える
ダークモード
複数テーマの並置
テーマ Playground
コンポーネント
コンポーネント
入力・フォーム
Button
IconButton
TextInput
TextArea
NumberInput
Checkbox
RadioButton
Switch
Dropdown
SearchDropDown
DatePicker
FilePicker
Slider
表示・データ
Typography
Icon
Badge
Tag
Card
Table
Image
CircleImage
ImageUploadIcon
CircleCheck
Hr
OrDivider
フィードバック
Notification
Toast
ErrorBanner
Spinner
ProgressBar
オーバーレイ
Dialog
ConfirmDialog
PopupMenu
ナビゲーション
Tab
Pagination
StepIndicator
Link
Accordion
パターン
パターン
フォーム
エラーハンドリング
状態表示
ボタン順序
オーバーレイ
アクセシビリティ
アクセシビリティ
ガイドライン
色とコントラスト
エラー通知
フォーカス
フォーム
画像とアイコン
キーボード操作
言語と読み上げ
モーション
スクリーンリーダー
タップ領域
検証方法
開発・貢献
開発・貢献
開発環境のセットアップ
部品を追加する
チェックリスト
リリース
GitHub
Select theme
Dark
Light
Auto
状態表示
このページでは、状態表示の設計と利用方法を定義します。