> For the complete documentation index, see [llms.txt](https://docs.dashcomb.com/dashcomb-help-center/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.dashcomb.com/dashcomb-help-center/ide/region/ui-component-region.md).

# コンポーネント

メニューバーで<img src="https://3498714457-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgIESKBveovlGvQ1BqYEP%2Fuploads%2Fgit-blob-e0e6c8476707c9ed4cc6e6e2f4529b8397038179%2FUI%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3.png?alt=media" alt="" data-size="line">をクリックすると、コンポーネントのメニューが表示されます。

![](https://3498714457-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgIESKBveovlGvQ1BqYEP%2Fuploads%2Fgit-blob-58be3c62ca43915d2bf2dcfd4b4b464195f260b1%2FUI%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC.png?alt=media)

管理画面内で使用するコンポーネントを選択する領域です。

この領域から、画面エディタにコンポーネントを配置することができます。

UIコンポーネントはドラッグ＆ドロップで任意の場所に配置でき、管理画面の用途に合わせたUIの構築が可能です。

各コンポーネントの詳細は、以下のページをご覧ください。

[UI Compoment](/dashcomb-help-center/ide/ui-component.md)

[BI Component](/dashcomb-help-center/ide/bi-component.md)

[Layout component](/dashcomb-help-center/ide/layout-component.md)

<figure><img src="https://github.com/dashcomb/gitbook-doc/blob/master/ide/.gitbook/assets/ui-component.jpg" alt=""><figcaption></figcaption></figure>