TkxRealTimeChart
import { TkxRealTimeChart } from 'tekivex-ui';RealTimeChart is part of the tekivex-ui library. Every component is self-tested against WCAG 2.1 AAA criteria, fully typed, and tree-shakeable. A third-party AAA audit is on the roadmap, not completed.
| Prop | Type | Required | Description |
|---|---|---|---|
data | ChartDataPoint[] | yes | |
maxPoints | number | ||
height | number | ||
width | number | string | ||
color | string | ||
fill | boolean | ||
showGrid | boolean | ||
showLabels | boolean | ||
showTooltip | boolean | ||
label | string | ||
unit | string | ||
animate | boolean | ||
yMin | number | ||
yMax | number |
Accessibility
Section titled “Accessibility”- Keyboard navigation supported on all interactive elements
:focus-visibleoutline at 2px (theme-tokenprimary)- ARIA roles and properties applied per WAI-ARIA 1.2
- Respects
prefers-reduced-motion - Minimum 44×44 touch target where applicable
Source
Section titled “Source”The implementation lives at src/components/TkxRealTimeChart.tsx.
This page is a generated scaffold. It will be replaced with hand-authored examples and a live preview in a follow-up release. For interactive demos, see the legacy demo site.