Typography

import { TkxTitle, TkxText } from 'tekivex-ui';

Live demo

Titles

Title levels — h1 through h5

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Text Styles

Text — strong / italic / type variants

Default body textStrong (bold) textItalic textSecondary text — for hints and helpersSuccess textWarning textDanger text

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

Implementation in src/components/TkxTypography.tsx.

For the full interactive sandbox, open the playground.