EmptyState

Empty states are great when you need express that a view has no data yet and prompt with user on how to get started.

Basic

Asset

To view this Board

In order to enhance your Lifecycle expereince you can connect it with Continuum and begin measuring your value stream!
<EmptyState
    icon={AssetIcon}
    title="To view this Board"
    primaryAction={<Button>Connect Continuum}
  >
    In order to enhance your Lifecycle expereince you can connect it with
    Continuum and begin measuring your value stream!
  </EmptyState>
</Playground>

No primary action

Asset

To view this Board

In order to enhance your Lifecycle expereince you can connect it with Continuum and begin measuring your value stream!
<EmptyState icon={AssetIcon} title="To view this Board">
    In order to enhance your Lifecycle expereince you can <a>connect it with
    Continuum and begin measuring your value stream!
  </EmptyState>
</Playground>

No additional guidance

Asset

To view this Board

<EmptyState
    icon={AssetIcon}
    title="To view this Board"
    primaryAction={<Button>Connect Continuum}
  />
</Playground>

No icon

To view this Board

<EmptyState
    title="To view this Board"
    primaryAction={<Button>Connect Continuum}
  />
</Playground>

API