Components/NoData
Since 1.0.0BETA

NoData

Shortcut empty-state component for empty datasets, based on TxEmptyState with `variant="no-data"`.

This page was migrated by AI, please review carefully

Migration is complete, but please validate against source code and manual review.

NoData

TxNoData is a shortcut wrapper around TxEmptyState with variant="no-data" pre-set. Use it for empty lists, tables, charts, or other dataset views.

Basic Usage

NoData

Demo will load when visible.
<template>
  <TxNoData
    description="No records yet."
    :primary-action="{ label: 'Create', type: 'primary' }"
  />
</template>

API

TxNoData inherits all Props (except variant), Slots, and Events from TxEmptyState. See EmptyState.

Interaction Contract

  • TxNoData always forwards variant="no-data" to TxEmptyState.
  • The wrapper does not rewrite title, description, surface, or action config; explicit props are forwarded as-is.
  • icon, title, description, and actions slots are forwarded unchanged to TxEmptyState.