Skip to content

Design system

Select

Last updated 4 April 2025

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

Select

Properties Options Notes
Multiple True, False Toggle to use single or multiple select for the component.
Has Value True, False Toggle to select if the input field will display the value or the placeholder for the component.
State Default, Hover, Focus, Disabled, Read Only, Error Use multiselect variant of the component with user selected options
Show Label WrapperTrue, FalseToggle to hide or show the label and tooltip for the component. Show Label and Show Tooltip property for the component will be hidden if this is disabled.
Show LabelTrue, FalseToggle to show or hide the label for the component.
Show TooltipTrue, FalseToggle to show or hide the tooltip for the component.

Select Button

Properties Options Notes
State True, False Toggle to use the small or default size of the component.