Select

Import/Installation

import { Select } from "@lottiefiles/creator-plugins-ui";

Preview

Usage

<Select
  options={[
    { value: "gif", label: "GIF" },
    { value: "mp4", label: "MP4" },
  ]}
  value={value}
  onValueChange={setValue}
/>

Props

Prop	Type	Default	Required	Description
options	{ value: string; label: string; disabled?: boolean }[]	—	Yes	Array of options to display.
value	string	—	No	The controlled value of the select.
defaultValue	string	—	No	The default value when uncontrolled.
onValueChange	(value: string) => void	—	No	Callback fired when the value changes.
placeholder	string	"Select an option"	No	Placeholder text when no value is selected.
disabled	boolean	false	No	Whether the select is disabled.

Built on Base UI Select. For more granular control, the library also exports the lower-level primitives SelectRoot, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectItemWithDescription, SelectSeparator, SelectScrollUpButton, and SelectScrollDownButton.