On this page

VEmptyState

An empty state element. Used when there is no data to display to the user.

Props

Name	Type	Description
aria-current	Enum: `page` `step` `location` `date` `time` `true` `false`	Indicates the element that represents the current item within a container or set of related elements.
connotation	Enum: `accent` `cta` `success` `alert` `warning` `information`	The connotation the empty state should have.
headline	`string`	An optional headline for the empty state.
icon	Enum: `10-sec-backward-line` `10-sec-backward-solid` `10-sec-forward-line` `10-sec-forward-solid` `30-sec-backward-line` `30-sec-backward-solid` `30-sec-forward-line` `30-sec-forward-solid` `5-sec-backward-line` `5-sec-backward-solid` `5-sec-forward-line` `5-sec-forward-solid` ... 1208 more ...	Icon for the empty state. See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
icon-decoration	Enum: `outlined` `filled`	option to a new design for the icon circle

Events

Name	Event Type	Description
click	`MouseEvent`	Fires when a pointing device button (such as a mouse's primary mouse button) is both pressed and released while the pointer is located inside the element.
focus	`FocusEvent`	Fires when the element receives focus.
blur	`FocusEvent`	Fires when the element loses focus.
keydown	`KeyboardEvent`	Fires when a key is pressed.
keyup	`KeyboardEvent`	Fires when a key is released.
input	`Event`	Fires when the value of an element has been changed.

Slots

Name	Description
default	The default slot controls the body text of the empty state
graphic	The graphic slot allows overriding the icon with a custom illustration
action-items	Slot to add action items to the empty state