@vonage/vivid-react
Version:
Vivid wrapped for easy React usage & IDE autocomplete support & typescript typings
35 lines (34 loc) • 1.8 kB
TypeScript
import React, { ReactNode } from 'react';
/** VwcBadge
* For more info on this Vivid element please visit https://vivid.deno.dev/components/badge
* @param {BadgeConnotation | undefined} connotation - The connotation the badge should have. **attribute** `connotation`
* @param {BadgeShape | undefined} shape - The shape the badge should have. **attribute** `shape`
* @param {BadgeSize | undefined} size - The size the badge should have. **attribute** `size`
* @param {BadgeAppearance | undefined} appearance - The appearance the badge should have. **attribute** `appearance`
* @param {string | undefined} text - Indicates the badge's text. **attribute** `text`
* @param {boolean} iconTrailing - Indicates the icon affix alignment. **attribute** `icon-trailing`
* @param {string | undefined} icon - A decorative icon the custom element should have. **attribute** `icon`
* @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 VwcBadge: {
(props: {
children?: ReactNode;
slot?: string | undefined;
id?: string | undefined;
style?: React.CSSProperties | undefined;
ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
connotation?: any;
shape?: any;
size?: any;
appearance?: any;
text?: string | undefined;
iconTrailing?: boolean | undefined;
icon?: string | undefined;
VIVID_VERSION?: string | undefined;
componentName?: string | undefined;
}): JSX.Element;
displayName: string;
};
export default VwcBadge;