Function select

  • Creates a select field component for dropdown selection.

    Parameters

    • props: UiSelectFieldProps

      Configuration object

    Returns Element

    A JSX element representing the select field component

    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' }
    ]
    });

    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
    });