RayCraftDocs
v1.0.3
de
raycraft.dev
Auf dieser Seite

Button

Free

Löst eine Aktion aus oder navigiert, wenn Href gesetzt ist (die Schaltfläche wird dann als Link mit demselben Aussehen dargestellt). Drei Varianten (Filled, Outlined, Text), sechs Farben, drei Größen und optionale Symbole vor oder nach der Beschriftung. Für eine Schaltfläche nur mit Symbol verwenden Sie IconButton. Loading zeigt anstelle des Startsymbols einen Ladekreis und blockiert Klicks (damit ein doppeltes Absenden nicht passieren kann); BusyWhileClicking tut dasselbe automatisch, solange ein asynchroner OnClick-Handler läuft.

Beispiel

Steuerelement Button

Parameter

ParameterTypBeschreibung
BusyWhileClickingboolZeigt den Beschäftigt-Zustand, solange ein asynchroner OnClick-Handler läuft.
ChildContentRenderFragmentInhalt, der innerhalb der Komponente dargestellt wird.
ClassstringZusätzliche CSS-Klassen, die dem Wurzelelement hinzugefügt werden.
ColorButtonColorPrimary (Standard), Secondary, Info, Success, Warning oder Danger.
DisabledboolDeaktiviert die Interaktion.
EndIconIconName?Symbol, das nach der Beschriftung angezeigt wird.
HrefstringLinkadresse. Bei einem Button wird die Schaltfläche als Link mit demselben Aussehen dargestellt.
LoadingboolZeigt über den Zeilen einen Fortschrittsbalken.
SizeSizeSmall, Medium (Standard) oder Large; Dialog hat auch ExtraLarge.
StartIconIconName?Symbol, das vor der Beschriftung angezeigt wird.
StylestringInline-Stil, der dem Wurzelelement hinzugefügt wird.
TargetstringCountdown: der Zeitpunkt, bis zu dem heruntergezählt wird. Button: Browserziel des Links, zum Beispiel _blank.
TypestringWie die Zelle gezeichnet wird: Text, Check, Image, Progress, Link, Badge oder Dropdown.
VariantVariantVisueller Stil: Filled, Outlined oder Text.

Ereignisse

EreignisTypBeschreibung
OnClickEventCallback<MouseEventArgs>Wird ausgelöst, wenn die Schaltfläche angeklickt wird.

Paket

Button gehört zu RayCraft Free. Paket: RayCraft.Blazor. Es stammt von nuget.org. Siehe Erste Schritte.