Components/OfflineState
Since 1.0.0BETA

OfflineState

Shortcut empty-state component for offline or unavailable network states, based on TxEmptyState with `variant="offline"`.

This page was migrated by AI, please review carefully

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

OfflineState

TxOfflineState is a shortcut wrapper around TxEmptyState with variant="offline" pre-set. Use it when the app is offline or a network-backed view is unavailable.

Basic Usage

OfflineState

Demo will load when visible.
<template>
  <TxOfflineState
    description="Network connection lost."
    :primary-action="{ label: 'Retry', type: 'primary' }"
  />
</template>

API

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

Interaction Contract

  • TxOfflineState always forwards variant="offline" 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.