export default function Example() {
return (
<>
<Box
css={{
display: "flex",
width: 500,
rowGap: "$100",
flexDirection: "column",
}}
>
<Select.Root>
<Select.Trigger aria-label="Countries">
<Select.Label>Label/Placeholder</Select.Label>
<Select.Value />
</Select.Trigger>
<Select.Content>
<Select.Item value="france">France</Select.Item>
<Select.Item value="united-kingdom">
United Kingdom - Scotland, Ireland, Wales, Great Britain
</Select.Item>
<Select.Item value="spain">Spain</Select.Item>
<Select.Item value="peru">Peru</Select.Item>
<Select.Item value="chile">Chile</Select.Item>
<Select.Item value="ecuador">Ecuador</Select.Item>
</Select.Content>
</Select.Root>
</Box>
</>
);
}
To enter the code editing mode, press Enter. To exit the edit mode, press Escape
You are editing the code. To exit the edit mode, press Escape