> For the complete documentation index, see [llms.txt](https://docs.mechcloud.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.mechcloud.io/dashboard-builder/page-designer/single-component-prompts/mechcloud-ui-components.md).

# MechCloud UI Components

### Adding MechCloud UI components on a page

In order to add a component from MechCloud UI component library, make sure that the prompt is in `add a 'mc <component_name>' component` format. Here **component\_name** is the name of the component which must be from the below mentioned below. A component name with multiple words in it can be specified in multiple formats. E.g. **IconLink** can be specified in any of the following formats -

* IconLink
* Icon Link
* iconlink
* icon link

Here are some of the supported components at this moment -

* Breadcrumb
* Button
* ButtonBar
* Checkbox
* Dropdown
* Icon
* IconLink
* LineSeparator
* Link
* LinkButtonsBar
* ListEditor
* MultiSelect
* Notification
* NumberRangeInput
* Password
* Select
* Switch
* Table
* Tag
* TagList
* Text

You can access full list of components under MechCloud UI component library [here](https://components.mechcloud.io).

Here are some examples of how to add components from MechCloud UI components -

```
Add a ‘mc button’ component
```

```
Add a ‘mc input text’ component
```

```
Add a ‘mc icon link’ component
```