Components/BlankSlate
Universal Component

BlankSlate

Large first-use empty state built on TxEmptyState.

This page was migrated by AI, please review carefully

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

BlankSlate

Large first-use empty state built on TxEmptyState. Use it when a feature or section has no user-created content yet and needs an onboarding-style call to action.

Basic Usage

BlankSlate

Demo will load when visible.
<template>
  <TxBlankSlate
    title="Create your first project"
    description="Start by creating a project to organize your work."
    :primary-action="{ label: 'Create', type: 'primary' }"
    :secondary-action="{ label: 'Learn more' }"
  />
</template>

API

Props / Slots / Events follow TxEmptyState.

Interaction Contract

  • TxBlankSlate always forwards variant="blank-slate" to TxEmptyState.
  • Defaults are optimized for onboarding: size="large", layout="vertical", and surface="plain".
  • Explicit size, layout, and surface props override those defaults.
  • icon, title, description, and actions slots are forwarded unchanged to TxEmptyState.