UNPKG

@vonage/vivid-react

Version:

Vivid wrapped for easy React usage & IDE autocomplete support & typescript typings

35 lines (34 loc) 1.8 kB
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;