EmptyState

An empty state component with icon and action slots.

• Import

  import "@tapsioss/web-components/empty-state";

• Tag

  <tapsi-empty-state></tapsi-empty-state>

Properties

Name	Description	Type	Default Value
title	The title of the empty state.	string	""
description	The description of the empty state.	string	""
content-alignment	The alignment of the content.	"auto" | "center"	"auto"

Slots

Name	Description
icon	The slot for icon element.
action	The slot for action element.

TIP

You can use slot names as variables:

import { Slots } from "@tapsioss/web-components/empty-state";

console.log(Slots.ICON); // "icon"
console.log(Slots.ACTION); // "action"