Select

Playground

Verwende <Select />, um einen Select darzustellen. Ein zugehöriges <Label /> sowie die gewünschte Anzahl an <Option />-Elementen werden innerhalb der Component eingefügt.

import {
  Label,
  Option,
  Select,
} from "@mittwald/flow-react-components";

<Select>
  <Label>App</Label>
  <Option>WordPress</Option>
  <Option>TYPO3</Option>
  <Option>Contao</Option>
  <Option>Drupal</Option>
  <Option>Joomla!</Option>
  <Option>Matomo</Option>
</Select>

Default-Wert

Mit defaultSelectedKey kann eine Default-Option angegeben werden, die dem User standardmäßig zuerst angezeigt wird.

Kombiniere mit ...

FieldDescription

Um wichtige Hinweise zu den Auswahloptionen des Select bereitzustellen, kann unterhalb eine <FieldDescription /> eingebaut werden.

Align

Benutze die Align Component, um beispielsweise einen Button neben dem Select zu platzieren.

ContextualHelp

Benutze das ContextualHelp, um weitere Informationen bereitstellen zu können.

React Hook Form