Skip to content
TekiVex UI

TkxRating

import { TkxRating } from 'tekivex-ui';

Live demo

Section titled “Live demo”

Basic

Section titled “Basic”
Basic — controlled 1-5

Rated: 4 / 5

Half Stars

Section titled “Half Stars”
Half-star precision

Rated: 3.5 / 5

Sizes

Section titled “Sizes”
Sizes

Accessibility

Section titled “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

Section titled “Source”

src/components/TkxRating.tsx

For the full interactive sandbox, open the playground.