Components/NoSelection
Universal Component

NoSelection

Shortcut empty-state component for unselected detail panels, based on TxEmptyState with `variant="no-selection"`.

This page was migrated by AI, please review carefully

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

NoSelection

TxNoSelection is a shortcut wrapper around TxEmptyState with variant="no-selection" pre-set. Use it when a detail panel, inspector, or split view has no selected item.

Basic Usage

NoSelection

Demo will load when visible.
<template>
  <TxNoSelection description="Select an item to see its details." />
</template>

API

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

Interaction Contract

  • TxNoSelection always forwards variant="no-selection" 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.