Site settings
Change the appearance of the site to suit your preferences
NativeSelect
Dropdown lists are used when one needs to select one out of many options.
A basic example
<NativeSelect label="Choose language"> <option>Norwegian (Bokmål)</option> <option>Norwegian (Nynorsk)</option> <option>Sami</option> <option>Swedish</option> <option>Danish</option> <option>Finnish</option> <option>English</option> </NativeSelect>
With error message, for form validaiton
<NativeSelect label="Choose language" invalid errorText="invalid selection"> <option>Norwegian (Bokmål)</option> <option>Swedish</option> <option>Danish</option> <option>English</option> </NativeSelect>
Different variants
<Stack gap={3}> <NativeSelect label="Base"> <option>Train</option> <option>Bus</option> <option>Boat</option> </NativeSelect> <NativeSelect label="Floating" variant="floating"> <option>Train</option> <option>Bus</option> <option>Boat</option> </NativeSelect> </Stack>