ActionGroup

Playground

Verwende <ActionGroup />, um eine ActionGroup darzustellen.

import {
  ActionGroup,
  Button,
} from "@mittwald/flow-react-components";

<ActionGroup>
  <Button color="accent">Organisation erstellen</Button>
  <Button color="secondary" variant="soft">
    Abbrechen
  </Button>
</ActionGroup>

Slots

Die Actions werden von der ActionGroup automatisch in die Slots primary, secondary und abort sortiert. So werden Buttons mit der Color Primary (Standard), Accent und Danger automatisch dem Slot primary zugeordnet, der am Ende der ActionGroup positioniert ist.

Reihenfolge beibehalten

Mit preserveOrder verzichtet die ActionGroup auf die automatische Sortierung in die Slots primary, secondary und abort. Die Actions bleiben in der Reihenfolge, in der sie im Code stehen.

Größe

Mit size werden die Buttons und Links in der ActionGroup einheitlich dimensioniert.

Kombiniere mit ...

Link