Function select

  • select(props): Element

  • Creates a select field component for dropdown selection.

    Parameters

    • props: UiSelectFieldProps

      Configuration object

    Returns Element

    A JSX element representing the select field component

    Example

    Simple usage with required props

    select({
      name: 'country',
      label: 'Country',
      items: [
        { value: 'us', label: 'United States' },
        { value: 'uk', label: 'United Kingdom' },
        { value: 'ca', label: 'Canada' }
      ]
    });

    Example

    Usage with default value

    select({
      name: 'favoriteColor',
      label: 'Favorite Color',
      placeholder: 'Select your favorite color',
      items: [
        { value: 'red', label: 'Red' },
        { value: 'blue', label: 'Blue' },
        { value: 'green', label: 'Green' }
      ],
      defaultValue: 'blue',
      required: true,
      disabled: false
    });

Settings