@vonage/vivid-react
Version:
Vivid wrapped for easy React usage & IDE autocomplete support & typescript typings
61 lines (60 loc) • 2.57 kB
TypeScript
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: <VwcSelect dense />
* @param {SelectShape | undefined} shape attribute: <VwcSelect shape />
* @param {string | undefined} form attribute: <VwcSelect form />
* @param {string | undefined} name attribute: <VwcSelect name />
* @param {SelectLayout | undefined} appearance attribute: <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;