Formulare v1.0.0

Umschaltgruppe

Eine Reihe von Umschaltflächen zum Wechseln zwischen Ansichten, Filtern oder Modi. Unterstützt Einzelauswahl (wie Optionsfelder) und Mehrfachauswahl (wie Kontrollkästchen) mit vollständiger Tastaturnavigation über Pfeiltasten.

Umriss

Umrandete Schaltflächen in einer Reihe mit aktiver Zustandsfüllung. Schlicht und professionell.

Optionen

Name Typ Standard Beschreibung
items * Array erforderlich Array of hashes with :label (String), :value (String), optional :icon (String SVG)
mode Symbol :single Selection mode: :single or :multiple
size Symbol :md Size: :sm, :md, :lg
value String Initially selected value (single mode) or comma-separated values (multiple mode)
name String Form field name for hidden input
disabled Boolean false Disable all buttons

Pill

Abgerundete Pill-Schaltflächen mit dezenter Hintergrundfüllung bei Aktivierung. Weichere Ästhetik.

Optionen

Name Typ Standard Beschreibung
items * Array erforderlich Array of hashes with :label, :value, optional :icon
mode Symbol :single Selection mode: :single or :multiple
size Symbol :md Size: :sm, :md, :lg
value String Initially selected value(s)
name String Form field name
disabled Boolean false Disable all buttons

Änderungsprotokoll v1.0.0

- v1.0.0: Initial release with outline and pill styles

Vollzugang erhalten

Schalte den Quellcode für diese und alle anderen Komponenten frei. Einmalige Zahlung für lebenslangen Zugang.

Jetzt Zugang erhalten