# 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
```