@vonage/vivid-react
Version:
Vivid wrapped for easy React usage & IDE autocomplete support & typescript typings
38 lines (37 loc) • 1.96 kB
TypeScript
import React, { ReactNode, SyntheticEvent } from 'react';
/** VwcNavDisclosure
* For more info on this Vivid element please visit https://vivid.deno.dev/components/nav-disclosure
* @param {HTMLDetailsElement} details
* @param {string | undefined} label **attribute** `label`
* @param {NavDisclosureAppearance | undefined} appearance - The appearance nav-disclosure should have. **attribute** `appearance`
* @param {NavDisclosureConnotation | undefined} connotation - The connotation nav-disclosure should have. **attribute** `connotation`
* @param {boolean} open - Indicates whether the nav-disclosure is open **attribute** `open`
* @param {boolean} current - Indicates there's a nested active nav-item within nav-disclosure **attribute** `current`
* @param {string | undefined} icon - A decorative icon the custom element should have. **attribute** `icon`
* @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 VwcNavDisclosure: {
(props: {
children?: ReactNode;
slot?: string | undefined;
id?: string | undefined;
style?: React.CSSProperties | undefined;
ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
onToggle?: ((event: SyntheticEvent) => void) | undefined;
details?: any;
label?: string | undefined;
appearance?: any;
connotation?: any;
open?: boolean | undefined;
current?: boolean | undefined;
icon?: string | undefined;
_vividAriaBehaviour?: any;
VIVID_VERSION?: string | undefined;
componentName?: string | undefined;
}): JSX.Element;
displayName: string;
};
export default VwcNavDisclosure;