Components
Explore implementation details, accessibility notes, and practical examples for each component.
Available components
- AccordionDetails and summary disclosure patterns.
- BannerInline status and alert messaging with dismiss support.
- ButtonAction buttons with variants, sizes, and states.
- CheckboxBoolean choices and consent controls.
- Data TableSortable tabular content and row selection.
- FieldsetGrouped controls with legend context.
- InputSingle-line text and email fields.
- LabelVisible labels and htmlFor association patterns.
- LinkNavigation and utility link variants.
- MenuAccessible dropdown action menu with roving focus navigation.
- MenubarDesktop-style application menu bar consuming composed menus.
- ModalFocus-managed dialogs and overlays.
- RadioMutually exclusive option groups.
- SelectSingle-select lists with placeholders and option states.
- SwitchAccessible toggle control for immediate settings.
- TabsKeyboard-friendly tab lists and panels.
- TextareaMulti-line text input with count and helper text.
- TooltipAccessible popup helper with hover, focus, and escape dismissal.
Quick examples
Playground
Use the interactive Storybook surface to test props and visual states in isolation.
TAILORED DEVELOPMENT
Need a Custom Accessible Component for Your Project?
Can't find the exact UI pattern or complex component your application requires? We design and build bespoke, production-ready React components tailored to your design system with 100% WCAG 2.2 AA compliance, full keyboard support, and test suites.
100% WCAG 2.2 AA Compliance Guaranteed
Tailored to Your Design System Tokens & Styling
Complete Unit Tests, Storybook Stories & ARIA Specs
Request a Custom Build
Tell us about your component requirements and we'll get back to you with a scope and estimate within 24 hours.