mittwald Flow Logo

Components

Label

Labels werden in Formularen (z. B. TextField, NumberField) oder beim LabeledValue verwendet. Dort erläutern sie die Eingabeanforderungen oder setzen Informationen in einen Kontext.GitHub

Playground

Verwende <Label />, um ein Label anzuzeigen. Labels werden häufig innerhalb von anderen Komponenten eingesetzt.

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

<Label>Label</Label>

States

Das Label hat 2 verschiedene States: Default und Disabled.

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

<Row>
  <Label>Default</Label>
  <Label isDisabled>Disabled</Label>
</Row>

Disabled: Das Label wird häufig zur Beschreibung komplexerer Komponenten verwendet. Daher übernimmt es automatisch den State, den die höhere Komponente hat. Ist zum Beispiel ein TextField oder NumberField gerade disabled, nimmt das Label den gleichen State an.

Overview