Shield Docs

Design System

Web Components

shield-button API

Generierte API-Referenz aus den Stencil-Komponentenmetadaten.

Props

Name Type Default Beschreibung
disabled boolean false Deaktiviert Interaktion und Fokus.
href string | undefined - Link-Ziel; wenn gesetzt, rendert die Komponente ein Anchor-Element.
rel string | undefined - Rel-Attribut fuer Link-Rendering.
s-aria-label string | undefined - Accessible Name fuer Icon-only Buttons.
size "lg" | "md" | "sm" ShieldButtonSize.MD Groesse des Buttons.
target string | undefined - Target-Attribut fuer Link-Rendering.
type "button" | "reset" | "submit" ShieldButtonType.BUTTON HTML-Button-Typ, wenn kein Link gerendert wird.
variant "ghost" | "primary" | "secondary" ShieldButtonVariant.PRIMARY Visuelle Variante des Buttons.

Slots

Name Beschreibung
default -

Methods

Name Signature Beschreibung
setBlur setBlur() => Promise<void> Entfernt den Fokus vom aktiven Control (Button oder Link).
setFocus setFocus() => Promise<void> Setzt den Fokus auf das aktive Control (Button oder Link).