> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://docs.makeswift.com/developer/docs/reference/controls/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://docs.makeswift.com/_mcp/server.

# Controls

> Documentation for Makeswift — the composable visual page builder for marketing teams and developers

## Docs

- [Checkbox](https://docs.makeswift.com/developer/docs/reference/controls/checkbox.md): Adds a Checkbox panel in the Makeswift builder to visually edit a `boolean` prop.
- [Code](https://docs.makeswift.com/developer/docs/reference/controls/code.md): Adds a Code editor in the Makeswift builder to visually edit a string of source code, with syntax highlighting.
- [Color](https://docs.makeswift.com/developer/docs/reference/controls/color.md): Adds a Color picker panel in the Makeswift builder to visually edit a RGBA `string` prop.
- [Combobox](https://docs.makeswift.com/developer/docs/reference/controls/combobox.md): Adds a Combobox panel in the Makeswift builder to visually edit a generic prop from a list of options.
- [Group](https://docs.makeswift.com/developer/docs/reference/controls/group.md): The `Group` control allows you to define and visually edit a group of properties and replaces the deprecated [Shape](/developer/docs/reference/controls/deprecated/shape) control.
- [IconRadioGroup](https://docs.makeswift.com/developer/docs/reference/controls/icon-radio-group.md): Adds an icon-based radio group panel in the Makeswift builder to visually select a `string` value from a set of icon options.
- [Image](https://docs.makeswift.com/developer/docs/reference/controls/image.md): Adds an Image panel in the Makeswift builder to visually edit an image prop.
- [Font](https://docs.makeswift.com/developer/docs/reference/controls/font.md): The `Font` control allows you select a `fontFamily`, `fontStyle`, and `fontWeight`.
- [Link](https://docs.makeswift.com/developer/docs/reference/controls/link.md): Adds a Link panel in the Makeswift builder to visually edit a `LinkValue` prop.
- [List](https://docs.makeswift.com/developer/docs/reference/controls/list.md): Adds a List panel in the Makeswift builder to visually edit an `array` of items.
- [Number](https://docs.makeswift.com/developer/docs/reference/controls/number.md): Adds a Number input in the Makeswift builder to visually edit a `number` prop.
- [RichText](https://docs.makeswift.com/developer/docs/reference/controls/rich-text.md): Adds a Rich Text control in the Makeswift builder to visually edit a `ReactNode` of text.
- [Select](https://docs.makeswift.com/developer/docs/reference/controls/select.md): Adds a Select option (dropdown) to a component in the Makeswift builder to visually select a `string` value.
- [Slider](https://docs.makeswift.com/developer/docs/reference/controls/slider.md): Adds a Slider input in the Makeswift builder to visually edit a `number` prop.
- [Slot](https://docs.makeswift.com/developer/docs/reference/controls/slot.md): Add a Slot in the Makeswift builder to visually drop in a `ReactNode`.
- [Style](https://docs.makeswift.com/developer/docs/reference/controls/style.md): Add a Style control to your component in the Makeswift builder to visually edit a CSS class `string` prop.
- [TextArea](https://docs.makeswift.com/developer/docs/reference/controls/text-area.md): Adds a multiline Text Area to your component in the Makeswift builder to visually edit a `string` prop.
- [TextInput](https://docs.makeswift.com/developer/docs/reference/controls/text-input.md): Adds a single-line Text Input panel in the Makeswift builder to visually edit a `string` prop.
- [Shape](https://docs.makeswift.com/developer/docs/reference/controls/deprecated/shape.md): Adds a Shape panel in the Makeswift builder to visually edit an `object`.