> 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/ui-component.md).

# UI Compoment

画面UIのデザインはDashcombが提供しているUIコンポーネントを使えば、データの入力や表示、アクションの指定などが簡単にできます。UIコンポーネントはよく[Layoutコンポーネント](/dashcomb-help-center/ide/layout-component.md)と一緒に使います。

Dashcombが提供しているUIコンポーネントは以下になります。

* 表示系
  * [Table](/dashcomb-help-center/ide/ui-component/table.md)
  * [Label](/dashcomb-help-center/ide/ui-component/label.md)
  * [Image](/dashcomb-help-center/ide/ui-component/image.md)
  * [Divider](/dashcomb-help-center/ide/ui-component/divider.md)
  * [Markdown](/dashcomb-help-center/ide/ui-component/markdown.md)
* 入力表示系
  * [Input](/dashcomb-help-center/ide/ui-component/input.md)
  * [Textarea](/dashcomb-help-center/ide/ui-component/textarea.md)
  * [Select](/dashcomb-help-center/ide/ui-component/select.md)
  * [Swtich](/dashcomb-help-center/ide/ui-component/switch.md)
  * [Radio](/dashcomb-help-center/ide/ui-component/radio.md)
  * [Checkbox](/dashcomb-help-center/ide/ui-component/checkbox.md)
  * [Date Picker](/dashcomb-help-center/ide/ui-component/date-picker.md)
  * [Time Picker](/dashcomb-help-center/ide/ui-component/time-picker.md)
* アクション系
  * [Button](/dashcomb-help-center/ide/ui-component/ui-component-button.md)
  * [Uploader](/dashcomb-help-center/ide/ui-component/uploader.md)
  * [Importer](/dashcomb-help-center/ide/ui-component/importer.md)