@elvora/react

Elvora UI components for React 18+ — one headless core, full Ant Design + Material UI feature parity, WCAG 2.1 AA out of the box.

Install

pnpm add @elvora/react @elvora/themes
# or
npm install @elvora/react @elvora/themes

react and react-dom are peer dependencies (>=18.0.0).

Quick start

import { ElvoraProvider, Button, Input, Card, CardBody } from '@elvora/react';
import { defaultTheme } from '@elvora/themes';

export function App() {
  return (
    <ElvoraProvider theme={defaultTheme}>
      <Card>
        <CardBody>
          <Input placeholder="Type something" />
          <Button variant="primary">Save</Button>
        </CardBody>
      </Card>
    </ElvoraProvider>
  );
}

What's included

70+ components covering layout (Box, Stack, Grid, Container, Card), primitives (Button, Input, Checkbox, Switch, Select, …), feedback (Alert, Toast, Modal, Drawer, Popover, Skeleton, Empty), navigation (Tabs, Menu, Breadcrumb, Pagination, Steps), data entry (Form, DatePicker, Slider, Rate, Cascader, AutoComplete), data display (Table, Tree, Calendar, Carousel, Timeline, Statistic), advanced (FloatButton, Watermark, QRCode, Splitter, SpeedDial, …), and "pro" components (ProTable, ProForm, ProLayout, DataGrid).

Accessibility

Every component is exercised by axe-core in CI against WCAG 2.1 A/AA rules. Keyboard navigation, focus management, ARIA roles, and screen-reader labels follow the WAI-ARIA Authoring Practices.

Theming

Pass any theme to <ElvoraProvider>. Build your own with @elvora/tokens or use the presets in @elvora/themes.

License

MIT