# Test IO Design System — AI Reference Index

This file is an index. Load only the topic file(s) relevant to your current task.

| File | Covers |
|------|--------|
| [`ai-reference/setup.md`](./ai-reference/setup.md) | npm install, CSS/JS import, directory structure, HAML conventions |
| [`ai-reference/design-tokens.md`](./ai-reference/design-tokens.md) | Color palette, typography, spacing scale, breakpoints, layout variables |
| [`ai-reference/buttons.md`](./ai-reference/buttons.md) | Button variants, sizes, shapes, inverted, icons, dropdown menus |
| [`ai-reference/forms.md`](./ai-reference/forms.md) | Form groups, grid layouts, checkboxes, radios, toggles, select inputs, date pickers |
| [`ai-reference/cards.md`](./ai-reference/cards.md) | Card variants, sizes, layouts, collapsable cards |
| [`ai-reference/navigation.md`](./ai-reference/navigation.md) | Header nav, sidebar nav, tab navigation, portal variants |
| [`ai-reference/overlays.md`](./ai-reference/overlays.md) | Modals, drawers, filter drawers |
| [`ai-reference/feedback.md`](./ai-reference/feedback.md) | Alerts, notifications, progress bars, loading spinners, empty states |
| [`ai-reference/data-display.md`](./ai-reference/data-display.md) | Tables, description lists, list items, splitview |
| [`ai-reference/charts.md`](./ai-reference/charts.md) | ECharts container, chart functions, chart colors |
| [`ai-reference/utilities.md`](./ai-reference/utilities.md) | Tags, info popovers, pagination, stepper, text/link with icons, icon sizes |
| [`ai-reference/layouts.md`](./ai-reference/layouts.md) | App layout, metasidebar, splitview, chat; best practices, portal guidelines |