Insites Docs Design system Data EntrySelect Option

Select Option

Last updated on June 19, 2024

Insites Select allows you to create a dropdown feature, but in this case, in full custom mode. You can customise your dropdown menu to either have the Multi-select select feature (where a user can select one or more items from the dropdown), the Group feature (where you can add a heading to options and group them as you wish) or the Dynamic feature (where it allows the user to 'add' a new dropdown option). All these, and you can also add a 'Search' function in your dropdown. What more can you ask for?

Figma Component Variant Properties

Options
Properties Options Notes
Grouped True, False Toggle to use the default or grouped style for the component. Grouped options should be used along with the Select Group component.
State Default, Hover, Disabled Select the state of the component.
Select Option
Properties Options Notes
Empty True, False Toggle to use the empty state of the component.
Dynamic Option True, False Toggle to show or hide the dynamic option section of the component.
Options - Placeholder for options.
Show Scroll BarTrue, FalseToggle to show the scroll bar for the options.
Select Button Option
Properties Options Notes
Dynamic Option True, False Toggle to show or hide the dynamic option section of the component.
Options - Placeholder for options.
Show Scroll Bar True, False Toggle to show the scroll bar for the options
Show SearchTrue, FalseToggle to show or the search input for the component.
Has ErrorTrue, FalseToggle to use the error state of the dynamic options input field.
Have a suggestion for this page?

Didn't quite find what you are looking for or have feedback on how we can make the content better then we would love to hear from you. Please provide us feedback and we will get back to you shortly.