@vonage/vivid-react/v3/VwcDialPad/index.d.ts

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

import React, { ReactNode, SyntheticEvent } from 'react';
/** Base class for dial-pad
* For more info on this Vivid element please visit https://vivid.deno.dev/components/dial-pad
* @param {string | null} helperText - Indicates the helper-text's text. **attribute** `helper-text`
* @param {string | null} placeholder - Indicates the placeholder's text. **attribute** `placeholder`
* @param {string} value - Indicates the value's text. **attribute** `value`
* @param {string} pattern - Indicates the dial pad's pattern. **attribute** `pattern`
* @param {boolean} disabled - Indicates the disabled state of the dial-pad. **attribute** `disabled`
* @param {boolean} pending - Indicates the pending state of the dial-pad. **attribute** `pending`
* @param {boolean} callActive - Indicates the active state of the dial-pad. **attribute** `call-active`
* @param {boolean} noCall - Indicates the no-call state of the dial-pad. **attribute** `no-call`
* @param {boolean} noInput - Indicates the no-input state of the dial-pad. **attribute** `no-input`
* @param {| string
        | null} endCallButtonLabel  **attribute** `end-call-button-label`
* @param {string | null} callButtonLabel  **attribute** `call-button-label`
* @param {string | null} deleteAriaLabel - The aria-label for the delete button **attribute** `delete-aria-label`
* @param {boolean} autofocus - Indicates that this element should get focus after the page finishes loading. **attribute** `autofocus`
* @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 VwcDialPad: {
    (props: {
        children?: ReactNode;
        slot?: string | undefined;
        id?: string | undefined;
        style?: React.CSSProperties | undefined;
        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
        onChange?: ((event: SyntheticEvent) => void) | undefined;
        onInput?: ((event: SyntheticEvent) => void) | undefined;
        onBlur?: ((event: SyntheticEvent) => void) | undefined;
        onFocus?: ((event: SyntheticEvent) => void) | undefined;
        onKeypadClick?: ((event: SyntheticEvent) => void) | undefined;
        onDial?: ((event: SyntheticEvent) => void) | undefined;
        onEndCall?: ((event: SyntheticEvent) => void) | undefined;
        helperText?: string | null | undefined;
        placeholder?: string | null | undefined;
        value?: string | undefined;
        pattern?: string | undefined;
        disabled?: boolean | undefined;
        pending?: boolean | undefined;
        callActive?: boolean | undefined;
        noCall?: boolean | undefined;
        noInput?: boolean | undefined;
        endCallButtonLabel?: any;
        callButtonLabel?: string | null | undefined;
        deleteAriaLabel?: string | null | undefined;
        autofocus?: boolean | undefined;
        VIVID_VERSION?: string | undefined;
        componentName?: string | undefined;
    }): JSX.Element;
    displayName: string;
};
export default VwcDialPad;
/** Base class for dial-pad
* For more info on this Vivid element please visit https://vivid.deno.dev/components/dial-pad
* @param {string | null} helperText - Indicates the helper-text's text. **attribute** `helper-text`
* @param {string | null} placeholder - Indicates the placeholder's text. **attribute** `placeholder`
* @param {string} value - Indicates the value's text. **attribute** `value`
* @param {string} pattern - Indicates the dial pad's pattern. **attribute** `pattern`
* @param {boolean} disabled - Indicates the disabled state of the dial-pad. **attribute** `disabled`
* @param {boolean} pending - Indicates the pending state of the dial-pad. **attribute** `pending`
* @param {boolean} callActive - Indicates the active state of the dial-pad. **attribute** `call-active`
* @param {boolean} noCall - Indicates the no-call state of the dial-pad. **attribute** `no-call`
* @param {boolean} noInput - Indicates the no-input state of the dial-pad. **attribute** `no-input`
* @param {| string
        | null} endCallButtonLabel  **attribute** `end-call-button-label`
* @param {string | null} callButtonLabel  **attribute** `call-button-label`
* @param {string | null} deleteAriaLabel - The aria-label for the delete button **attribute** `delete-aria-label`
* @param {boolean} autofocus - Indicates that this element should get focus after the page finishes loading. **attribute** `autofocus`
* @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 VwcDialPad: {
    (props: {
        children?: ReactNode;
        slot?: string | undefined;
        id?: string | undefined;
        style?: React.CSSProperties | undefined;
        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
        onChange?: ((event: SyntheticEvent) => void) | undefined;
        onInput?: ((event: SyntheticEvent) => void) | undefined;
        onBlur?: ((event: SyntheticEvent) => void) | undefined;
        onFocus?: ((event: SyntheticEvent) => void) | undefined;
        onKeypadClick?: ((event: SyntheticEvent) => void) | undefined;
        onDial?: ((event: SyntheticEvent) => void) | undefined;
        onEndCall?: ((event: SyntheticEvent) => void) | undefined;
        helperText?: string | null | undefined;
        placeholder?: string | null | undefined;
        value?: string | undefined;
        pattern?: string | undefined;
        disabled?: boolean | undefined;
        pending?: boolean | undefined;
        callActive?: boolean | undefined;
        noCall?: boolean | undefined;
        noInput?: boolean | undefined;
        endCallButtonLabel?: any;
        callButtonLabel?: string | null | undefined;
        deleteAriaLabel?: string | null | undefined;
        autofocus?: boolean | undefined;
        VIVID_VERSION?: string | undefined;
        componentName?: string | undefined;
    }): JSX.Element;
    displayName: string;
};
export default VwcDialPad;
/** Base class for dial-pad
* For more info on this Vivid element please visit https://vivid.deno.dev/components/dial-pad
* @param {string | null} helperText - Indicates the helper-text's text. **attribute** `helper-text`
* @param {string | null} placeholder - Indicates the placeholder's text. **attribute** `placeholder`
* @param {string} value - Indicates the value's text. **attribute** `value`
* @param {string} pattern - Indicates the dial pad's pattern. **attribute** `pattern`
* @param {boolean} disabled - Indicates the disabled state of the dial-pad. **attribute** `disabled`
* @param {boolean} pending - Indicates the pending state of the dial-pad. **attribute** `pending`
* @param {boolean} callActive - Indicates the active state of the dial-pad. **attribute** `call-active`
* @param {boolean} noCall - Indicates the no-call state of the dial-pad. **attribute** `no-call`
* @param {boolean} noInput - Indicates the no-input state of the dial-pad. **attribute** `no-input`
* @param {| string
        | null} endCallButtonLabel  **attribute** `end-call-button-label`
* @param {string | null} callButtonLabel  **attribute** `call-button-label`
* @param {string | null} deleteAriaLabel - The aria-label for the delete button **attribute** `delete-aria-label`
* @param {boolean} autofocus - Indicates that this element should get focus after the page finishes loading. **attribute** `autofocus`
* @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 VwcDialPad: {
    (props: {
        children?: ReactNode;
        slot?: string | undefined;
        id?: string | undefined;
        style?: React.CSSProperties | undefined;
        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
        onChange?: ((event: SyntheticEvent) => void) | undefined;
        onInput?: ((event: SyntheticEvent) => void) | undefined;
        onBlur?: ((event: SyntheticEvent) => void) | undefined;
        onFocus?: ((event: SyntheticEvent) => void) | undefined;
        onKeypadClick?: ((event: SyntheticEvent) => void) | undefined;
        onDial?: ((event: SyntheticEvent) => void) | undefined;
        onEndCall?: ((event: SyntheticEvent) => void) | undefined;
        helperText?: string | null | undefined;
        placeholder?: string | null | undefined;
        value?: string | undefined;
        pattern?: string | undefined;
        disabled?: boolean | undefined;
        pending?: boolean | undefined;
        callActive?: boolean | undefined;
        noCall?: boolean | undefined;
        noInput?: boolean | undefined;
        endCallButtonLabel?: any;
        callButtonLabel?: string | null | undefined;
        deleteAriaLabel?: string | null | undefined;
        autofocus?: boolean | undefined;
        VIVID_VERSION?: string | undefined;
        componentName?: string | undefined;
    }): JSX.Element;
    displayName: string;
};
export default VwcDialPad;