Radio Property

A radio property lets users pick one option from a set, displayed as a group of buttons.

Required Parameters

options

An array that defines the choices for the radio group. Each option should have:

• label: The text displayed next to the button
• value: The value passed to your component when selected

Catalog.register('Sample', {
  component: Sample,
  props: {
    alignment: {
      label: 'Alignment',
      type: 'radio',
      options: [
        { label: 'Left', value: 'left' },
        { label: 'Center', value: 'center' },
        { label: 'Right', value: 'right' },
      ],
    },
  },
});

Optional Parameters

render

For a custom look, provide your own render function to display the radio group however you like.