Select

Select is a customizable dropdown component that provides various styling options, icons, and interactive features.

Props

Prop	Type	Default	Description
modelValue	string	''	The selected value of the dropdown
options	Array	[]	Array of options to display in the dropdown
placeholder	string	''	Placeholder text when no option is selected
checkmark	boolean	false	Shows checkmark icon for selected options
disabled	boolean	false	Disables the select component

Slots

Slot Name	Description	Slot Props
#value	Custom content for the selected value display	{ value }
#option	Custom content for each dropdown option	{ option }
#dropdownicon	Custom dropdown indicator icon	none
#placeholder	Custom placeholder content	none

Basic Usage

Default Select

Simple select dropdown with basic styling.

Select an option

Select with Custom Dropdown Icon

Replace the default dropdown icon with a custom search icon.

Search options

Select with User Icons and Checkmarks

Features user icons in both the value display and options, with checkmarks for selected items.

Select team member

Select with Badge Display

Shows selected value as a styled badge.

Select