surf-design-system
Version:
Surf Design System
33 lines (32 loc) • 1.08 kB
TypeScript
import React from 'react';
import type { sizeSDS, validationSDS } from '../types/common';
export interface DropdownElement {
id?: number;
value: string | number;
name: string | number;
disabled?: boolean;
}
export declare type DropdownElementList = Array<DropdownElement>;
export interface DropdownProps {
name?: string;
label?: React.ReactNode;
placeholder?: string;
menu: DropdownElementList;
defaultValue?: string | number;
helpText?: React.ReactNode;
validation?: validationSDS;
width?: string;
height?: string;
size?: sizeSDS;
disabled?: boolean;
readOnly?: boolean;
isDoneIconVisible?: boolean;
onChange?: React.ChangeEventHandler;
onBlur?: (e: React.FocusEvent<HTMLButtonElement>) => void;
bindedValue?: string | number;
menuMaxHeight?: string;
onClickMenu?: (isOpen: boolean) => void;
tabIndex?: number;
}
declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<HTMLOptionElement>>;
export default Dropdown;