Select

Flerval, väljare, dropdown

Storybook

React Aria

Inmatningsfält som används för att välja ett eller flera fördefinerade alternativ.

Installation

npm

npm install @midas-ds/components

Yarn

yarn add @midas-ds/components

pnpm

pnpm add @midas-ds/components

import { Select } from '@midas-ds/components'

Riktlinjer

Om det är färre alternativ än fem bör Radio användas istället.

Varianter

Flerval

Använd egenskapen selectionMode="multiple" för att slå på flervalsläget.

Välj alla

Egenskapen isSelectableAll kan användas för att lägga till en "Välj alla"-knapp.

API

Select

Namn	Typ	Standard	Beskrivning
isDisabled	boolean	-	Whether the field is disabled.
className	string	-	Sets the CSS [`className`](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
autoFocus	boolean	-	Whether the element should receive focus on render.
excludeFromTabOrder	boolean	-
name	string	-	Name of the field, for uncontrolled use
label *	string	-	The content to display as the label.
isRequired	boolean	-	Whether the field is required.
isInvalid	boolean	-	The selection is valid or not
description	string	-	Optional description
errorMessage	string	-	Error message to be displayed in case of invalid state
placeholder	string	-	Placeholder value
disabledKeys	Iterable<Key>	-	The item keys that are disabled. These items cannot be selected, focused, or otherwise interacted with.
isOpen	boolean	-	Sets the open state of the field (controlled).
defaultOpen	boolean	-	Sets the default open state of the field (uncontrolled).
selectionMode	SelectionMode	single	The type of selection that is allowed in the collection.
selectedKeys	Iterable<Key> | "all"	-	The currently selected keys in the collection (controlled).
defaultSelectedKeys	Iterable<Key> | "all"	-	The initial selected keys in the collection (uncontrolled).
isClearable	boolean	-	Whether the field can be emptied.
isSelectableAll	boolean	-	Whether to show a button to select all items.
showTags	boolean	-	Show selected items as tags below select
options *	Option[]	-	Item objects in the collection.