# Section

セクションとは画面全体の区切りとなる段落です。Sectionコンポーネントをドラッグ＆ドロップすると、画面[View](https://docs.dashcomb.com/dashcomb-help-center/ide/view-section-component)に作成されます。また、他のコンポーネントをドラッグ＆ドロップすることで、自動的に作成されます。初期は一つの画面に一つのセクションで構成されていますが、意味的や機能的に画面を分割する必要がある場合、複数のSectionを作成することも可能です。

***

<figure><img src="https://3498714457-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgIESKBveovlGvQ1BqYEP%2Fuploads%2Fgit-blob-b1329b3a7e2e84818d7130a5770e1fdf5ff4221b%2F%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%EF%BC%9A%E3%82%BB%E3%82%AF%E3%82%B7%E3%83%A7%E3%83%B3.png?alt=media" alt=""><figcaption></figcaption></figure>

### 共通 <a href="#section-common" id="section-common"></a>

* **オブジェクト** セクションブジェクトの変数名
  * Sectionをドラッグ＆ドロップすると、そのオブジェクトが自動的に `section1`、`section2`... と名付けられます。
  * 構文 `{{オブジェクト名.プロパティ}}` でオブジェクトの値の取得や変更ができます。
    * （例）`{{section1.title}}` で `section1` の値を取得することができます。

***

### データ <a href="#section-data" id="section-data"></a>

* **タイトル** ONにすると、セクションのタイトルが表示になります。
  * 「タイトル」をONにすると、ラベル文字が自動的に `title` と名付けられます。
  * `title` を任意の文字列に入れ替えることはもちろん、構文 `{{オブジェクト名.プロパティ}}` を入れることにより、動的に名付けられます。
    * （例）`title` を `{{currentUser.name}}の得意先` に書き換えると、ログイン中のユーザーの名前が表示されます。
* **概要** ONにすると、セクションの概要が表示になります。
  * 「概要」をONにすると、ラベル文字が自動的に `description` と名付けられます。
  * `description` を任意の文字列に入れ替えることはもちろん、構文 `{{オブジェクト名.プロパティ}}` を入れることにより、動的に名付けられます。
    * （例）`description` を `{{currentUser.name}}の得意先一覧です、詳細情報も確認できます。` に書き換えると、ログイン中のユーザーの名前が表示されます。