UNPKG

@vonage/vivid-react

Version:

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

51 lines (50 loc) 2.88 kB
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;