Accessible React Components

A lightweight, production-quality React component library focused on accessibility-first UI design. Built with React, TypeScript, Storybook, Vite, Vitest + React Testing Library, and modern ARIA patterns. Includes fully accessible components like Modals, Comboboxes, DatePickers, and Toast notifications.

✨ Features

• ♿ WCAG + ARIA compliant components
• ⌨️ Full keyboard support
• 🧪 Unit + integration tests with Vitest + React Testing Library
• 📚 Storybook documentation

• 🧩 Modular architecture

---

📦 Included Components

1. Modal

• Focus trap
• Escape key handling
• aria-modal + role="dialog"
• Portals for layering

2. Combobox / Autocomplete

• Fully keyboard navigable
• Async filtering support
• ARIA listbox semantics

---

🏗 Architecture

flowchart TD
  A[Components] --> B[Modal]
  A --> C[Combobox]
  A --> D[DatePicker]
  A --> E[Toast]
  B --> F[Hooks & Utils]
  C --> F
  D --> F
  E --> F

  F --> G[Accessibility Utils]
  F --> H[Focus Management]
  F --> I[ARIA Helpers]

  A --> J[Storybook]
  A --> K[Unit Tests]

Loading