UNPKG

@vonage/vivid-react

Version:

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

61 lines (60 loc) 2.57 kB
import React, { ReactNode, SyntheticEvent } from 'react'; import '@vonage/vwc-select'; /** This component is an extension of [<mwc-select>](https://github.com/material-components/material-components-web-components/tree/master/packages/select) * @param {boolean} dense attribute: &lt;VwcSelect dense /> * @param {SelectShape | undefined} shape attribute: &lt;VwcSelect shape /> * @param {string | undefined} form attribute: &lt;VwcSelect form /> * @param {string | undefined} name attribute: &lt;VwcSelect name /> * @param {SelectLayout | undefined} appearance attribute: &lt;VwcSelect appearance /> * @param {boolean} disabled * @param {boolean} outlined * @param {string} label * @param {string} value * @param {string} icon * @param {string} helper * @param {boolean} validateOnInitialRender * @param {string} validationMessage * @param {boolean} required * @param {boolean} naturalMenuWidth * @param {boolean} fixedMenuPosition * @param {ListItemBase | null} selected * @param {number} index * @param {((value: string, nativeValidity: ValidityState) => Partial<ValidityState>) | null} validityTransform * @param {ValidityState} validity * @param {ShadowRootInit} shadowRootOptions */ declare const VwcSelect: (props: { children?: ReactNode; slot?: string | undefined; id?: string | undefined; style?: React.CSSProperties | undefined; ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined; onSelected?: ((event: SyntheticEvent) => void) | undefined; onAction?: ((event: SyntheticEvent) => void) | undefined; onOpened?: ((event: SyntheticEvent) => void) | undefined; onClosed?: ((event: SyntheticEvent) => void) | undefined; onChange?: ((event: SyntheticEvent) => void) | undefined; onInvalid?: ((event: SyntheticEvent) => void) | undefined; dense?: boolean | undefined; shape?: any; form?: string | undefined; name?: string | undefined; appearance?: any; disabled?: boolean | undefined; outlined?: boolean | undefined; label?: string | undefined; value?: string | undefined; icon?: string | undefined; helper?: string | undefined; validateOnInitialRender?: boolean | undefined; validationMessage?: string | undefined; required?: boolean | undefined; naturalMenuWidth?: boolean | undefined; fixedMenuPosition?: boolean | undefined; selected?: any; index?: number | undefined; validityTransform?: any; validity?: any; shadowRootOptions?: any; }) => JSX.Element; export default VwcSelect;