Navigation v1.1.0

Tabs

Barrierefreie Tab-Oberfläche zur Organisation von Inhalten in Panels. Verfügbar in mehreren visuellen Stilen mit vollständiger Tastaturnavigation.

Unterstrichen

Klare unterstrichene Tabs mit unterem Rand-Indikator

Optionen

Name Typ Standard Beschreibung
tabs * Array erforderlich Array of tab hashes with :id, :label, and optional :content
default_tab Integer 0 Index of the initially selected tab
class String "" Additional CSS classes for the container

Pills

Pillenförmige Tab-Schaltflächen mit abgerundeten Hintergründen

Optionen

Name Typ Standard Beschreibung
tabs * Array erforderlich Array of tab hashes with :id, :label, and optional :content
default_tab Integer 0 Index of the initially selected tab
class String "" Additional CSS classes for the container

Umrahmt

Kartenförmige Tabs mit umrandetem Container

Optionen

Name Typ Standard Beschreibung
tabs * Array erforderlich Array of tab hashes with :id, :label, and optional :content
default_tab Integer 0 Index of the initially selected tab
class String "" Additional CSS classes for the container

Änderungsprotokoll v1.1.0

- v1.1.0: Added multiple style variants (underline, pills, boxed)
- v1.0.0: Initial release with horizontal tabs
- Full keyboard accessibility (arrow keys, home/end)
- Stimulus controller for state management

Vollzugang erhalten

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

Jetzt Zugang erhalten