MultiSelect

Flerval, multiväljare, dropdown

Storybook

Inmatningsfält som tillåter användaren att välja flera alternativ från en längre lista.

Installation

npm

npm install @midas-ds/components

Yarn

yarn add @midas-ds/components

pnpm

pnpm add @midas-ds/components

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

Riktlinjer

• Om det finns mer än 11 alternativ, överväg att använda en ComboBox för att göra det lättare att söka fram alternativen.
• Om det är endast är ett fåtal alternativ bör Checkbox användas istället.

API

Namn	Typ	Standard	Beskrivning
label *	string	-	Label for multiselect
description	string	-	Description for multiselect
items *	{ name: string; id: string; }[]	-	Array of items that will be included in the list
selectedKeys	string[]	-	Control selected keys
defaultSelectedKeys	"all" | string[]	-	Set list of pre-selected keys, or 'all'
isDisabled	boolean	-	Set MultiSelect in disabled state
isInvalid	boolean	-	Set MultiSelect in invalid state
errorMessage	string | ((validation: ValidationResult) => string)	-	Set error message as string or as a validation function