Zum Inhalt springen
SCHALTFLÄCHEN · FREE

Button

Die Schaltfläche, auf der Ihre ganze App aufbaut: drei Stile, sechs Farben, Symbole und Schutz vor Doppelklicks.

Jede Anwendung beginnt mit einer Schaltfläche, und diese ist so gebaut, dass man ihr vertrauen kann. Sie kommt in drei Stilen und sechs Farben, nimmt Symbole vor oder nach dem Text auf und kann zum Link werden, wenn Sie ihr eine Adresse geben. Während eine Aktion läuft, blockiert sie einen zweiten Klick, sodass kein doppeltes Absenden passieren kann.

Warum es hilft

  • Gefüllter, umrandeter und Text-Stil in sechs Farben
  • Ladezustand, der doppeltes Absenden verhindert
  • Funktioniert als Link, wenn eine Adresse gesetzt ist

Wo es passt

  • Formulare und Dialoge
  • Symbolleisten und Kopfbereiche
  • Call-to-Action-Schaltflächen, die eine Seite öffnen
Das Steuerelement Button auf einer RayCraft-Seite

Beispiel

<Button>Filled</Button>
<Button Variant="Variant.Outlined">Outlined</Button>
<Button Variant="Variant.Text">Text</Button>

Ein kurzes Fragment. Fügen Sie @using RayCraft.Blazor.Components zu Ihrer Seite hinzu und nutzen Sie einen interaktiven Render-Modus.

In RayCraft Free enthalten. Funktionierende Beispiele finden Sie im GitHub-Repository (MIT); es enthält Beispiel- und Democode, nicht den Code der Bibliothek.

Alle Steuerelemente ยท Dokumentation