Skip to content
On this page

VCard

Props

NameTypeDescription
aria-currentEnum:
page
step
location
date
time
true
false
Indicates the element that represents the current item within a container or set of related elements.
appearanceEnum:
elevated
ghost
outlined
The appearance the card should have.
headlinestringthe text of the card heading accepts string
subtitlestringthe text of the card sub-heading accepts string
textstringthe text of the card sub-heading accepts string
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
... 1208 more ...
card header icon See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
elevationEnum:
0
2
4
8
12
16
24
card elevation dp

Events

NameEvent TypeDescription
clickMouseEventFires 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.
focusFocusEventFires when the element receives focus.
blurFocusEventFires when the element loses focus.
keydownKeyboardEventFires when a key is pressed.
keyupKeyboardEventFires when a key is released.
inputEventFires when the value of an element has been changed.

Slots

NameDescription
graphicThe graphic slot overrides the icon property.
mediaThe media slot is mainly for images or video content above the card header.
metaThe meta slot is for action content in the card header.
footerThe footer slot is for content in the card footer.
mainAssign nodes to main slot to fully override a card's predefined flow and style with your own.