VCard

Props

Name	Type	Description
appearance	Enum: elevated ghost outlined	The appearance the card should have.
clickable-card	boolean	Indicates whether card should be a clickable <button> element.
download	string	Prompts the user to save the linked URL. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a
elevation	Enum: 0 2 4 8 12 16 24	card elevation dp
headline	string	the text of the card heading accepts string
href	string	The URL the hyperlink references. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a
hreflang	string	Hints at the language of the referenced resource. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a
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 ... 1231 more ...	card header icon See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
ping	string	See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a
referrerpolicy	string	See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a
rel	string	See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a
subtitle	string	the text of the card sub-heading accepts string
target	Enum: _self _blank _parent _top	See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a
text	string	the text of the card sub-heading accepts string
type	string	See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a

Events

Name	Event Type	Description
blur	FocusEvent	Fires when the element loses focus.
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.
input	Event	Fires when the value of an element has been changed.
keydown	KeyboardEvent	Fires when a key is pressed.
keyup	KeyboardEvent	Fires when a key is released.

Slots

Name	Description
footer	The footer slot is for content in the card footer.
graphic	The graphic slot overrides the icon property.
main	Assign nodes to main slot to fully override a card's predefined flow and style with your own.
media	The media slot is mainly for images or video content above the card header.
meta	The meta slot is for action content in the card header.