@vonage/vivid-react
Version:
Vivid wrapped for easy React usage & IDE autocomplete support & typescript typings
62 lines (61 loc) • 3.98 kB
TypeScript
import React, { ReactNode } from 'react';
/** VwcCard
* For more info on this Vivid element please visit https://vivid.deno.dev/components/card
* @param {CardAppearance | undefined} appearance - The appearance the card should have. **attribute** `appearance`
* @param {string | undefined} headline - the text of the card heading
accepts string **attribute** `headline`
* @param {string | undefined} subtitle - the text of the card sub-heading
accepts string **attribute** `subtitle`
* @param {string | undefined} text - the text of the card sub-heading
accepts string **attribute** `text`
* @param {string | undefined} icon - card header icon **attribute** `icon`
* @param {0 | 2 | 4 | 8 | 12 | 16 | 24 | undefined} elevation - card elevation dp **attribute** `elevation`
* @param {boolean} clickableCard - Indicates whether card should be a clickable <button> element. **attribute** `clickable-card`
* @param {HTMLElement[] | undefined} graphicSlottedContent
* @param {HTMLElement[] | undefined} hasMetaSlottedContent
* @param {string | undefined} download - Prompts the user to save the linked URL. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information. **attribute** `download`
* @param {string | undefined} href - The URL the hyperlink references. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information. **attribute** `href`
* @param {string | undefined} hreflang - Hints at the language of the referenced resource. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information. **attribute** `hreflang`
* @param {string | undefined} ping - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information. **attribute** `ping`
* @param {string | undefined} referrerpolicy - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information. **attribute** `referrerpolicy`
* @param {string | undefined} rel - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information. **attribute** `rel`
* @param {'_self' | '_blank' | '_parent' | '_top' | undefined} target - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information. **attribute** `target`
* @param {string | undefined} type - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information. **attribute** `type`
* @param {HTMLAnchorElement} control - References the root element
* @param {'delegate'} _vividAriaBehaviour
* @param {string} VIVID_VERSION - The current version of the Vivid library, which is useful for debugging.
It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
* @param {string} componentName - Core component name, without prefix
*/
declare const VwcCard: {
(props: {
children?: ReactNode;
slot?: string | undefined;
id?: string | undefined;
style?: React.CSSProperties | undefined;
ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
appearance?: any;
headline?: string | undefined;
subtitle?: string | undefined;
text?: string | undefined;
icon?: string | undefined;
elevation?: any;
clickableCard?: boolean | undefined;
graphicSlottedContent?: any;
hasMetaSlottedContent?: any;
download?: string | undefined;
href?: string | undefined;
hreflang?: string | undefined;
ping?: string | undefined;
referrerpolicy?: string | undefined;
rel?: string | undefined;
target?: any;
type?: string | undefined;
control?: any;
_vividAriaBehaviour?: any;
VIVID_VERSION?: string | undefined;
componentName?: string | undefined;
}): JSX.Element;
displayName: string;
};
export default VwcCard;