Components/PermissionState
Since 1.0.0BETA

PermissionState

Shortcut empty-state component for missing permission or unauthorized states, based on TxEmptyState with `variant="permission"`.

This page was migrated by AI, please review carefully

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

PermissionState

TxPermissionState is a shortcut wrapper around TxEmptyState with variant="permission" pre-set. Use it when a user lacks permission, authorization, or required access.

Basic Usage

PermissionState

Demo will load when visible.
<template>
  <TxPermissionState
    description="Request access to continue."
    :primary-action="{ label: 'Request access', type: 'primary' }"
  />
</template>

API

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

Interaction Contract

  • TxPermissionState always forwards variant="permission" 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.