TkxSpin

import { TkxSpin } from 'tekivex-ui';

Live demo

Sizes

Three sizes

As Overlay

As wrapper — overlays content while loading

Trigger 1.8s loading

Quarterly report

Q2 revenue is up 18% YoY. Click the button above to simulate refresh.

Accessibility

• Keyboard navigation supported on all interactive elements
• :focus-visible outline at 2px (theme-token primary)
• ARIA roles and properties applied per WAI-ARIA 1.2
• Respects prefers-reduced-motion
• Minimum 44×44 touch target where applicable

Source

src/components/TkxSpin.tsx

For the full interactive sandbox where you can change every prop and watch the rendered component update in real time, open the playground.