Komponenten

Toggle Buttons

Über Toggle Buttons können Inhalte sowohl einzeln als auch gesammelt aktiviert und deaktiviert werden. Wie Sie Toggle Buttons anwenden, erfahren Sie in diesem Guide.

Toggle Buttons
  • Anwendung
  • Beispiele
  • Verwandte Komponenten
  • Download

Anwendung

Gruppierung

Gruppieren sie verwandte Buttons zusammen, wenn jeweils nur eine Option gewählt werden kann. Sofern sich Toggle Buttons nicht gegenseitig beeinflussen, können sie separat voneinander platziert werden.

Button oder Unterstreichen

Die Basis-Toggle Buttons haben einen einfachen Rand. Bei Bedarf können auch dezente Toggle Buttons eingesetzt werden. Hier reicht ein schlichter Text-Button, der bei Aktivierung unterstrichen wird. Alternativ können Sie einen üblichen Button mit Text als Toggle-Element verwenden.

Farben und Icons

Für Toggle Buttons stehen Schwarz oder Rot als Hauptfarben zur Verfügung. Achten Sie darauf, diese in Ihren Designs nicht zu mischen. Ein Toggle Button kann auch nur aus einem Icon bestehen.

Beispiele

Verwandte Komponenten

Download

Wenn Sie ein Dokument herunterladen, akzeptieren Sie unsere Nutzungsbedingungen.

Sketch UI Library
ZIP
85,98 MB