Align

Align dient dazu, ausgewählte Components gezielt miteinander zu kombinieren - inklusive Anordnung und visueller Anpassungen (z. B. Farbänderungen).GitHubMarkdown
Max MustermannOrganisationsinhaber

Grundlagen

Wir haben die Align Component entwickelt, um häufig wiederkehrende Kombinationen von Components konsistent darzustellen. Sie sorgt für visuelle und funktionale Einheitlichkeit in unseren Oberflächen – ohne, dass für jede dieser Kombinationen eine eigene Component entwickelt werden muss.

Best practices

Achte bei der Verwendung von Align darauf, dass ...

  • nur die im Overview genannten Components kombiniert werden können.
  • es nicht als generisches Layout-Tool dient. Für eine freie Anordnung ist Flex vorgesehen.
  • neben einer korrekten Anordnung auch visuelle Anpassungen (z. B. das Setzen von Farben) vorgenommen werden können.

Verwendung

Verwende Align, um ...

  • vorab definierte Components (z. B. Button und TextField) sinnvoll anzuordnen.
  • wiederkehrende UI-Patterns konsistent umzusetzen.

Auf dieser Seite