更新していきます
目次
- ユーティリティ
- コンポーネント
ユーティリティ
画面全般の推奨事項です。
| # | 名前 | 説明 |
|---|---|---|
| Grid | SLDSのグリッドシステムについて |
| # | 名前 | 説明 |
|---|---|---|
| Alignment | 全般的な要素のアラインメントについて | |
| Borders | 要素に追加するボーダーラインについて | |
| Box | box（要素を四角でくくるみため）について | |
| Description List | ||
| Floats | ||
| Horizontal List | ||
| Hyphenation | ||
| Interactions | ||
| Margin | ||
| Magnet | カード/ページヘッダー/ボックスの垂直方向のレイアウトについて | |
| Media Objects | ||
| Name Value List | ||
| Padding | ||
| Position | ||
| Scrollable | ||
| Sizing | ||
| Text | ||
| Themes | 特定の領域にカラーテーマを適用する方法について | |
| Truncation | ||
| Vertical List | ||
| Visibility |
コンポーネント
画面に配置できる部品です。
ナビゲーション
| # | 名前 | 説明 |
|---|---|---|
| グローバルナビゲーション | ||
| パス |
フォーム要素
| # | 名前 | 説明 |
|---|---|---|
| 1 | フォーム | フォーム要素に関する全般的なこと |
| 2 | テキスト | いわゆるtext |
| 3 | テキストエリア | いわゆるtextarea |
| 4 | ロングフォーム | SNSにあるようなコメント投稿に特化したフォーム要素 |
| 5 | チェックボックス(通常) | いわゆるcheckbox |
| 6 | チェックボックス(ボタン) | ボタンのようなルックスのcheckbox |
| 7 | チェックボックス(ボタングループ) | 複数のボタンが結合されたルックスのチェックボックス |
| 8 | チェックボックス(トグル) | トグルスイッチのルックスのcheckbox |
| 9 | ラジオ（横） | いわゆる radio |
| 10 | ラジオ（縦） | いわゆる radioだが縦に並んでいる |
| 11 | ビジュアルピッカー | 視覚的に強化されたラジオボタン、チェックボックス、またはリンク。 |
| 12 | セレクト | いわゆるselect |
| 13 | コンボボックス | いわゆるコンボボックス |
| 14 | デュアル選択リスト | ２つのリストの項目を追加/削除するフォーム |
| 15 | スライダー | 任意の範囲の数値を選択できる要素 |
| 15 | 日付(ピッカー) | 日付を指定する |
| 16 | 日時(ピッカー) | 日時を指定する |
| 17 | 時刻(ピッカー) | 時刻を指定する |
| 18 | 色(ピッカー) | カラーコードを指定する |
| 19 | 検索 | 検索フォーム |
| 20 | ファイル選択 | OSのファイル選択ダイアログを開く |
ボタン要素
| # | 名前 | 説明 | イメージ |
|---|---|---|---|
| ボタン | いわゆるbutton |
||
| ボタングループ | 複数のボタンが結合された要素 |
通知要素
| # | 名前 | 説明 |
|---|---|---|
| アラート | 警告メッセージ。ユーザーがアクション（消すとか）を取るまで消えない。 | |
| トースト | 通知メッセージ |
エディター
| # | 名前 | 説明 | URL |
|---|---|---|---|
| リッチテキストエディタ |
表示要素
| # | 名前 | 説明 |
|---|---|---|
| 1 | 地図 | Google Mapのコンポーネントを表示する |
