Select Example

How to use this select

Props

Name	Type	Default	Description
asChild	boolean	false	Change the default rendered element for the one passed as a child, merging their props and behavior.
placeholder	string (for SelectValue)	-	Text that appears in the form control when it has no value set.
value	string (for SelectItem)	-	The value of the field if it is selected.

Playground

Import from @filigran/ui :

Import {Select, SelectTrigger, SelectValue, SelectContent, SelectItem} from '@filigran/ui'


           <Select>
            <SelectTrigger className="w-[180px]">
              <SelectValue placeholder="Theme" />
            </SelectTrigger>
            <SelectContent>
              <SelectItem value="light">Light</SelectItem>
              <SelectItem value="dark">Dark</SelectItem>
              <SelectItem value="system">System</SelectItem>
            </SelectContent>
          </Select>