# UI Compoment

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

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

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