---
name: quicklycss-component
description: "Implementa, modifica o integra componentes oficiales de QuicklyCSS V2. Úsalo para navbar, modal, tabs, accordion, formularios, cards y otros componentes documentados."
---

# Componentes QuicklyCSS V2

1. Localiza el componente en `https://quicklycss.cl/llms.txt` y lee su página Markdown completa.
2. Verifica clases, atributos `data-qy-*` y dependencias en `https://quicklycss.cl/quicklycss-api.json`.
3. Conserva la anatomía HTML, roles, nombres accesibles y relaciones ARIA del ejemplo oficial.
4. Carga `quicklycss_v2_components.js` cuando el componente tenga comportamiento interactivo.
5. Para contenido insertado dinámicamente usa `QuicklyComponents.init(root)`; antes de retirarlo usa `QuicklyComponents.destroy(root)`.

## Comprobación

- Prueba teclado, `Escape`, foco visible y devolución de foco cuando aplique.
- Confirma los estados abierto, cerrado, activo, deshabilitado y error relevantes.
- Prueba móvil y `prefers-reduced-motion`.
- No mezcles markup ni clases de componentes de otros frameworks.