> This page is for Changelog.

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

## New IconRadioGroup control

The `IconRadioGroup` control adds an icon-based radio group panel to the Makeswift builder, letting developers offer visual icon options for component properties like alignment, layout direction, or style variants.

![An IconRadioGroup panel in the Makeswift builder with rows of selectable alignment and icon options](/_fern-img/6f79f130a83df75381b0c7ac78298738842131c8a7ecd6493907b89ffd28f89f.webp)

* **Kebab-case icon values** — Pass icons as bare strings (e.g., `"text-align-left"`, `"arrow-right"`) or use the `IconRadioGroup.Icon` accessor
* **169 built-in icons** — Full set of icons covering alignment, arrows, layout, logos, and more
* **Typed generic prop** — The control passes the selected option's `value` as a typed string to your component

### Example

```tsx
import { IconRadioGroup } from "@makeswift/runtime/controls";

runtime.registerComponent(TextBlock, {
  type: "text-block",
  label: "Text Block",
  props: {
    alignment: IconRadioGroup({
      label: "Alignment",
      options: [
        { value: "left", label: "Left", icon: "text-align-left" },
        { value: "center", label: "Center", icon: "text-align-center" },
        { value: "right", label: "Right", icon: "text-align-right" },
      ],
      defaultValue: "left",
    }),
  },
});
```

For full documentation, see the [IconRadioGroup control reference](/developer/docs/reference/controls/icon-radio-group).