Navigazione v1.1.0

Schede

Interfaccia a schede accessibile per organizzare contenuti in pannelli. Disponibile in stili visivi multipli con navigazione completa da tastiera.

Sottolineato

Schede pulite sottolineate con indicatore a bordo inferiore

Opzioni

Nome Tipo Predefinito Descrizione
tabs * Array obbligatorio 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

Pulsanti scheda a forma di pillola con sfondi arrotondati

Opzioni

Nome Tipo Predefinito Descrizione
tabs * Array obbligatorio 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

Riquadrato

Schede stile card con contenitore bordato

Opzioni

Nome Tipo Predefinito Descrizione
tabs * Array obbligatorio 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

Registro delle modifiche 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

Ottieni l'Accesso Completo

Sblocca il codice sorgente di questo componente e di tutti gli altri. Un solo pagamento per l'accesso a vita.

Ottieni l'Accesso Ora