Select Property

The select property renders a dropdown, letting users pick one option from a predefined list. Use it for choosing categories, sizes, or any fixed set of values.

Required Parameters

options

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

• label: The text users see in the list
• value: The actual value passed to your component

Catalog.register('Sample', {
  component: Sample,
  props: {
    fruit: {
      label: 'Fruit',
      type: 'select',
      options: [
        { label: 'Apple', value: 'apple' },
        { label: 'Banana', value: 'banana' },
        { label: 'Orange', value: 'orange' },
      ],
    },
  },
});