export default function Example() { return ( <> <Box css={{ display: "flex", width: 500, rowGap: "$100", flexDirection: "column", }} > <Select.Root open={true} defaultValue="7"> <Select.Trigger aria-label="example-2"> <Select.Label>Label/Placeholder</Select.Label> <Select.Value /> </Select.Trigger> <Select.Content> <Select.Item value="7">Option 1 value</Select.Item> <Select.Item value="8">Option 2 value</Select.Item> <Select.Item value="9">Option 3 value</Select.Item> <Select.Item value="10">Option 4 value</Select.Item> <Select.Item value="11">Option 5 value</Select.Item> <Select.Item value="12">Option 6 value</Select.Item> </Select.Content> </Select.Root> </Box> </> ); }