Native Select

https://mantine.dev/core/native-select/

An abstraction over an HTML select element embedding some option elements. Here, we do not nest actual option elements. Instead, we provide their data the in the data attribute. For each option, we provide the label and the value.

If the label is the same as the value (not recommended), we may provide a single string for each option, which act as both label and value.

data: an array of {label,value} elements.
label: The label that describes the select

const options = [
    { label: "Death Knight", value: "death_knight" },
    { label: "Demon Hunter", value: "demon_hunter" },
]

const options = ["death_knight", "demon_hunter"]

<NativeSelect label="Class" data={options} />

Native Select

If the label is the same as the value (not recommended), we may provide a single string for each option, which act as both label and value.

data: an array of {label,value} elements.

label: The label that describes the select

const options = [ { label: "Death Knight", value: "death_knight" }, { label: "Demon Hunter", value: "demon_hunter" }, ] const options = ["death_knight", "demon_hunter"]

<NativeSelect label="Class" data={options} />