Select
The Select component provides the user with a list of options to select from. Only one option is chosen.
The Select component is used independently or as a form component within a Form Block.
Properties
Name | Type | Default | Description |
---|---|---|---|
name | string | Specifies the name of the component (form component only). | |
value | any | Specifies a value for the component. | |
label | node | Specifies a label for the component. | |
disabled | bool | false | If true, the select component is disabled. |
menuItem | component | Defines a menu item in the select list. |
Style Attributes
Name | Type | Default | Description |
---|---|---|---|
variant | filled outlined standard string | outlined | Defines the display type of the component. |
size | small medium string | medium | Defines the size of the component. |
autoWidth | bool | false | If enabled, the width of the popover will automatically be set based on the size of the items in the menu. |
Subcomponents
The Select component uses a Menu Item subcomponent to create the options list.
Menu Item
The Menu Item component creates a menu item either manually or dynamically.
Properties
Name | Type | Default | Description |
---|---|---|---|
value | any | Specifies the value of the component. | |
label | node | Specifies a label for the component. | |
loopData | array | Defines an array of options in the format id, label, value. The id must be is small letters. | |
itemName | string | Defines a unique identifier name for each menu item. |
For more detail on the Select component, see the MUI developer docs.