Componente de fichas accesibles-ficha-contenedor
| Autor: | github |
|---|---|
| Views Total: | 260 |
| Sitio oficial: | Ir a la web |
| Actualizado: | December 31, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
TAB-Container es un componente fácil y accesible de pestañas escritas en Vanilla JavaScript.
Funcionamiento
Instale & descargar.
# NPM $ npm install @github/tab-container-element --save
Incluya el contenedor de fichas de una red CDN.
<script src="https://unpkg.com/@github/[email protected]/dist/index.umd.js"></script>
El marcado de ejemplo.
<tab-container> <div role="tablist"> <button type="button" role="tab" aria-selected="true">Tab 1</button> <button type="button" role="tab">Tab 2</button> <button type="button" role="tab">Tab 3</button> </div> <div role="tabpanel"> Panel 1 </div> <div role="tabpanel" hidden> Panel 2 </div> <div role="tabpanel" hidden> Panel 3 </div> </tab-container>
