Zur Komponentenübersicht

Leadity Komponentenreferenz

Buttons & Quicklinks

Buttons lösen Aktionen aus. Quicklinks navigieren in einen anderen Produktkontext. Größen, Oberflächen und Zustände folgen den bestätigten Figma-Komponenten.

actions.css

Textbuttons

40 px Standard · 32 px Small · Roboto 400

Standard

Small

Disabled

Iconbuttons

Jeder Iconbutton benötigt einen zugänglichen Namen.

Größen

Varianten

32 px im Task-Header · 40 px in Inhaltszeilen

Large auf Canvas

Quicklink-Chips

Einsatzregeln

Eine Primäraktion

Pro Entscheidungskontext gibt es höchstens einen Primary-Button. Weitere Aktionen verwenden Secondary oder Secondary Light.

Keine Bewegungsmetapher

Hover und Active verändern Fläche oder Schatten. Buttons und Quicklinks verschieben sich nicht vertikal.

Semantik vor Darstellung

Buttons führen Aktionen aus; Quicklinks navigieren. Icon-only-Varianten tragen immer aria-label.

Bereit für die Komponentenprüfung.