ToggleButton
Schaltbarer Button für einen booleschen Zustand via @bind-Active. Für reine Klick-Aktionen bitte Button verwenden.
Verhalten
Nur Text
Aktiv: False
Text + Icon
Aktiv: True
Nur Icon
Aktiv: False
Toggle-Gruppe
B: False | I: True | U: False
Aktiv/Inaktiv Farben
Aktiv: False
Disabled
Farben
Semantische Paletten (Standard)
Soft inaktiv → Solid aktiv
Soft mit Icon (Gruppe)
Soft Light / Dark Shades
Größen (Size)
Nur Text
Text + Icon
Nur Icon
Border-Radius
Stufen
Icon + Full
Click-Event
Click-Callback
Aktiv: False | Klicks: 0
Padding-Presets
Md (Standard)
Sm
Xs
Padding + Radius
Inaktiv → Aktiv: Varianten-Vergleich
Outline → Solid
Ghost → Solid
Soft → Solid
Soft → Solid + Shadow (aktiv)
Soft → Solid.Light + Shadow (aktiv)
Soft → Solid.Lighter + Shadow (aktiv)
Soft → Soft.Dark + Shadow (aktiv)
Soft → Soft + Shadow (aktiv)
Nur Icon (Soft → Solid + Shadow)
Soft + Shadow – nur Icon
Soft + Shadow – Format-Gruppe
Validierung
Pflichtfeld
class & style
class
style