TkxAIThinking
import { TkxAIThinking } from 'tekivex-ui/experimental';AIThinking is part of the experimental surface of tekivex-ui. Use it for prototypes; pin and audit before production.
| Prop | Type | Required | Description |
|---|---|---|---|
label | string | Text shown while thinking | |
steps | string[] | What steps the AI is working through (optional animated list) | |
size | 'sm' | 'md' | 'lg' | Size variant | |
variant | 'dots' | 'pulse' | 'wave' | 'orbit' | Visual style | |
active | boolean | Whether actively thinking (false = done) | |
className | string | ||
style | CSSProperties |
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/TkxAIThinking.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.