> 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="/files/d62RpQFXflNWrqvPogGk" alt="" data-size="line">をクリックすると、コンポーネントのメニューが表示されます。

![](/files/3UN1rFh6oP6ZlP61FQ3a)

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

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

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>