@vonage/vivid-react
Version:
Vivid wrapped for easy React usage & IDE autocomplete support & typescript typings
51 lines (50 loc) • 2.88 kB
TypeScript
import React, { ReactNode, SyntheticEvent } from 'react';
/** VwcMenuItem
* For more info on this Vivid element please visit https://vivid.deno.dev/components/menu-item
* @param {string | undefined} icon **attribute** `icon`
* @param {boolean} disabled - The disabled state of the element. **attribute** `disabled`
* @param {boolean} expanded - The expanded state of the element. **attribute** `expanded`
* @param {MenuItemRole} role - The role of the element. **attribute** `role`
* @param {ControlType | undefined} controlType - Whether the menu item should behave as a checkbox or radio button. **attribute** `control-type`
* @param {boolean} checked - The checked value of the element. **attribute** `checked`
* @param {string | undefined} text - Indicates the menu item's text. **attribute** `text`
* @param {string | undefined} textSecondary - Indicates the menu item's secondary text. **attribute** `text-secondary`
* @param {MenuItemConnotation | undefined} connotation - The connotation the fab should have. **attribute** `connotation`
* @param {boolean} checkTrailing - Controls the placement of the menu item's checkmark or radio icon. **attribute** `check-trailing`
* @param {| 'normal'
| 'tick-only' | undefined} checkedAppearance - Controls the appearance of the check indicator. **attribute** `check-appearance`
* @param {HTMLElement[] | undefined} trailingMetaSlottedContent
* @param {'host'} _vividAriaBehaviour
* @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 VwcMenuItem: {
(props: {
children?: ReactNode;
slot?: string | undefined;
id?: string | undefined;
style?: React.CSSProperties | undefined;
ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
onExpandedChange?: ((event: SyntheticEvent) => void) | undefined;
onChange?: ((event: SyntheticEvent) => void) | undefined;
icon?: string | undefined;
disabled?: boolean | undefined;
expanded?: boolean | undefined;
role?: any;
controlType?: any;
checked?: boolean | undefined;
text?: string | undefined;
textSecondary?: string | undefined;
connotation?: any;
checkTrailing?: boolean | undefined;
checkedAppearance?: any;
trailingMetaSlottedContent?: any;
_vividAriaBehaviour?: any;
VIVID_VERSION?: string | undefined;
componentName?: string | undefined;
}): JSX.Element;
displayName: string;
};
export default VwcMenuItem;