TkxBottomNav
import { TkxBottomNav } from 'tekivex-ui';Live demo
Section titled “Live demo”Basic — controlled active tab
Active tab: home
Icon Only
Section titled “Icon Only”Icon-only (no labels)
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”Implementation in src/components/TkxBottomNav.tsx.
For the full interactive sandbox, open the playground.