ActionGroup

Die ActionGroup dient dazu, zusammengehörige Actions sinnvoll zu gruppieren. Sie wird beispielsweise in Sections oder Modals verwendet.GitHubMarkdown

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, und werden mit dem gewohnten Abstand von links nach rechts angeordnet.


Kombiniere mit ...

Passwort vergessen?

Auf dieser Seite