TkxMarkdown

import { TkxMarkdown } from 'tekivex-ui';

Live demo

Basic

Rendering a markdown string

Hello, Markdown

A small sample to show the renderer in action.

• Lists work

• Italic and bold

• inline code

Blockquotes are styled to match the design system.

tsx

Copy

import { TkxMarkdown } from 'tekivex-ui';

<TkxMarkdown source={mdString} />

Feature	Supported
Headings	✓
Tables	✓
Code	✓
Sanitised	✓

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/TkxMarkdown.tsx

For the full interactive sandbox, open the playground.