Skip to content

a11y-gigachad-org/a11y-gigachad-modal

Repository files navigation

⚛️ React Typescript Accessible Modal

Barebones, unstyled React Typescript Modal Dialog component that adhers to WCAG and WAI-ARIA specifications for accessibility including color contrast for low-vision users, and accessible labels, keyboard navigation, and focus state management for keyboard-only users.

⚙️ Install

npm i a11y-gigachad-modal --save-dev

📖 Usage

import { Modal, type ModalProps } from 'a11y-gigachad-modal'

👀 Example

https://codesandbox.io/s/a11y-gigachad-modal-ybi4d1

Screenshot 2023-01-17 at 2 32 11 PM

💬 Discussions

For any ideas or questions, head over to the disscussions to share them there.

🐛 Bugs

For any bugs, missing documentation, or unexpected behavior head over to the issues to file them there.