Skip to content

VEmptyState

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

Props

NameTypeDescription
connotationEnum:
alert
accent
cta
success
warning
information
The connotation the button 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
... 1268 more ...
A decorative icon the Empty State should have. See the Vivid Icon Gallery for available icons and icon-names See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
icon-decorationEnum:
filled
outlined
Has no effect on the component

Slots

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