Diggi Docs
Toggle
Ein Switch ermöglicht das Aktivieren oder Deaktivieren einer zugeordneten Funktion. Ein Switch braucht immer eine eindeutige Beschriftung der entsprechenden Funktion. Im Gegensatz zu Checkboxes oder Radiobuttons kann ein Switch einzeln verwendet werden. Ein Switch darf nur verwendet werden, um eine Funktion zu aktivieren oder zu deaktivieren, beispielsweise in Systemeinstellungen. Ein Switch darf nicht verwendet werden, wenn es um eine Auswahl einer Option geht. In diesem Falle ist die Verwendung eines Dropdowns oder mehrerer Radiobuttons sinnvoll.

Eigenschaften

NameTypeDefault ValueDescription

id

string

undefined

Unique ID, unique id will be generated if not set.

disabled

boolean

false

Disables the Radiobutton

checked

boolean

undefined

Weather the switch is toggled or not

leftLabel

string

undefined

Label left of the element

rightLabel

string

undefined

Label right of the element

title

string

undefined

Appears on hover

isLoading

undefined

false

style

string

undefined

Additional css styles

tabindex

number

0

Index of sequential keyboard navigation

Events

NameDescription

change

fires on toggle changed by user


Beispiele

Default

Left Label

Right Label

Left & Right Label

Disabled

Loading


Do's and Don'ts

do dont

Do

Don't

Switch mit eindeutiger Beschriftung zur entsprechenden Funktion

Switch wird nicht für eine Auswahl verwendet