[ATOMS] Drawer

[egdev6]

🧩 Tarea: Drawer

Referencia:

https://www.heroui.com/docs/components/drawer

✅ Fases del desarrollo

• 1. Research de funcionalidad
  Investigar soluciones similares, patrones existentes y necesidades reales. Añadir capturas, enlaces o benchmarks si aplican.

• 2. Definición de funcionalidades
  Especificar qué debe hacer el componente: props, estados, interacción, accesibilidad, variantes, etc.

• 3. Implementación del componente
  Desarrollo del componente en base a la definición anterior. Incluir historias de Storybook si procede.

• 4. Documentación del componente

  • Storybook documentado con controles y ejemplos de uso
  • MDX o comentarios en JSDoc si aplica
  • Sección de casos de uso o guidelines

• 5. Code review y modificaciones

  • Revisión funcional
  • Revisión visual (alineamiento con el design system)
  • Corrección de errores o ajustes sugeridos

• 6. Merge en main
  Una vez aprobado, mergear la rama a main siguiendo el flujo de PR establecido. (Esta parte me encargo yo)

---

📎 Notas adicionales

Anotar cualquier comentario, decisión tomada o consideraciones especiales. (Nómbra a egdev6 para cualquier consulta)

---

🔗 Recursos relacionados

_Nombrar cualquier recurso externo

[egdev6]

Spec update required

Esta issue fue creada con el template anterior. Antes de implementar, necesitamos completar la spec para que el flujo component-contributor pueda trabajar sin inventar requisitos.

Por favor completad estas secciones en la issue, o en un comentario debajo:

Scope

Que hace el componente y que queda fuera de alcance.

Props

Prop	Type	Required	Default	Description

CVA variants

Variant	Values	Default	Notes

States

• default:
• hover:
• focus:
• active:
• disabled:
• loading:
• error:

Accessibility

• Role:
• ARIA:
• Keyboard behavior:
• Focus behavior:
• Reduced motion:

Storybook stories required

• Default
• Disabled
• Variant stories
• Edge cases
• Dark mode, if applicable

Design notes

Tokens, spacing, layout, dark mode and visual constraints.

Reference behavior

Que tomamos de la referencia, que adaptamos al design system y que no vamos a implementar.

Una vez completado esto, la implementacion puede seguir el patron de 6 archivos del proyecto con menos ida y vuelta.