Select Option

Published on August 23, 2021, updated on August 24, 2023

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 Bar	True, False	Toggle 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 Search	True, False	Toggle to show or the search input for the component.
Has Error	True, False	Toggle 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.