Select
Based on React Select, with some custom styling sprinkled on top.
Bar
const options = [
{ label: "Foo", value: "foo" },
{ label: "Bar", value: "bar" },
{ label: "Baz", value: "baz" },
]
<Select
value={options[1]}
options={options}
handleChange={o => alert(o.label)}
/>Set variant="ghost" for the ghost version.
Bar
<Select
value={options[1]}
options={options}
handleChange={o => alert(o.label)}
variant="ghost"
/>Responds to LightOnDark.
Bar
<Box p="xl" bg="purple800">
<LightOnDark>
<Select
value={options[1]}
options={options}
handleChange={o => alert(o.label)}
/>
</LightOnDark>
</Box>