Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/lukebennett88/luke-ui. ui.lukebennett.dev
Something went wrong. Try again.
12345678910111213141516171819202122232425262728293031323334import { Field } from '@luke-ui/react/primitives/field';import { SelectIndicator, SelectItem, SelectListBox, SelectPopover, SelectRoot, SelectTrigger, SelectValue,} from '@luke-ui/react/primitives/select';import { Stack } from '@luke-ui/react/stack';
export default () => { return ( <Stack gap="sp16" maxInlineSize="20rem"> <SelectRoot name="country" placeholder="Choose a country"> <Field description="Choose where you are based." label="Country"> <SelectTrigger> <SelectValue /> <SelectIndicator /> </SelectTrigger> <SelectPopover> <SelectListBox> <SelectItem id="au">Australia</SelectItem> <SelectItem id="ca">Canada</SelectItem> <SelectItem id="nz">New Zealand</SelectItem> </SelectListBox> </SelectPopover> </Field> </SelectRoot> </Stack> );};