Skip to content
TekiVex UI

TkxEmpty

import { TkxEmpty } from 'tekivex-ui';

Live demo

Section titled “Live demo”

Basic

Section titled “Basic”
Default — no description
No data

With Description

Section titled “With Description”
With description
No invoices yet. Create your first one to get started.

With CTA

Section titled “With CTA”
With call-to-action button
Your inbox is clean.

Simple

Section titled “Simple”
Simpler image variant
No search results — try a different keyword.

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

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