Matchbox

Empty State

This component is used as a full-page layout for landing pages

Usage

Examples

Manage your email templates

Build, test, preview and send your transmissions.

<EmptyState.LEGACY
  title="Manage your email templates"
  primaryAction={{
    content: "Create Template",
  }}
  secondaryAction={{ content: "Learn More" }}
>
  <p>Build, test, preview and send your transmissions.</p>
</EmptyState.LEGACY>;

<EmptyState.LEGACY
  title="Manage your email templates"
  primaryAction={{
    content: "Create Template",
  }}
  secondaryAction={{ content: "Learn More" }}
>
  <p>Build, test, preview and send your transmissions.</p>
</EmptyState.LEGACY>;

System Props

None

Empty State API

title

string

The display title

primaryAction

object

Primary action button (accepts button props)

secondaryAction

object

Secondary action button (appear as a link next to the primary action)

image

function | element

Empty state Image to be rendered

children

React node

Content rendered below the title