Skip to content
On this page

VEmptyState

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

Props

NameTypeDescription
connotationEnum:
accent
cta
success
alert
warning
information
The connotation the empty state should have.
headlinestringAn optional headline for the empty state.
iconEnum:
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
... 1219 more ...
Icon for the empty state. See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
icon-decorationEnum:
outlined
filled
option to a new design for the icon circle

Slots

NameDescription
defaultThe default slot controls the body text of the empty state
graphicThe graphic slot allows overriding the icon with a custom illustration
action-itemsSlot to add action items to the empty state