![](https://web.dev/static/patterns/components/hero.png?authuser=6&%3Bhl=es&hl=es)
Patrones de componentes
Te damos la bienvenida a nuestra creciente colección de patrones de componentes. Estas pueden brindarte inspiración, requisitos de accesibilidad, estrategias de adaptación para viewports y preferencias del usuario, y mucho más.
Rutas de navegación
Cree un componente de rutas de navegación adaptable y accesible para que los usuarios naveguen por su sitio.
Botones
Aplica diseño a los diferentes tipos de botones de la Web.
Carrusel
Crea un componente de carrusel que sea adaptable, responsivo y accesible.
Dialog
Crea mini y mega modales que se adapten al color, responsivos y accesibles.
Menú del juego
Crea un menú del juego en 3D accesible mediante un mouse y un teclado.
Barra de carga
Compila una barra de carga accesible y adaptable de color con el elemento de progreso.
Desplazador multimedia
Crea experiencias de desplazamiento horizontal para la Web que sean mínimas, responsivas, accesibles y funcionen en todos los navegadores y plataformas.
Selección múltiple
Compila un componente de selección múltiple responsivo, adaptable y accesible para ordenar y filtrar.
Configuración
Compila un componente de configuración que sea responsivo, admita varias entradas de dispositivos y funcione en todos los navegadores.
Navegación lateral
Es responsivo, con estado, admite la navegación con el teclado, es compatible con y sin JavaScript, y funciona en todos los navegadores.
Botones divididos
Compila un componente de botón dividido adaptable y accesible.
Historias
Crea un componente de historias para la Web que sea responsivo, admita la navegación con el teclado y funcione en todos los navegadores.
ícono de página de svg
Compila un ícono de página adaptable de tema oscuro y claro con SVG.
interruptor
Crea un componente de interruptor responsivo, adaptable y accesible.
pestañas
Crea un componente de pestaña con cuadrícula y puntos de ajuste de desplazamiento.
tostada
Compila un componente de aviso adaptable y accesible.