@plurid/plurid-ui-components-react
Version:
Plurid User Interface Components for React
48 lines (47 loc) • 1.36 kB
TypeScript
import React from 'react';
import { Theme } from '@plurid/plurid-themes';
import { PluridUIDropdownSelectable } from "../../../../data/interfaces";
export interface DropdownProperties {
selectables: (PluridUIDropdownSelectable | string)[];
selected: PluridUIDropdownSelectable | string;
atSelect: (selection: PluridUIDropdownSelectable | string, kind?: string) => void;
left?: boolean;
kind?: string;
listTop?: string;
dropdownToggled?: boolean;
dropdownSign?: string | boolean;
/**
* Hide dropdown after click selection.
*
* Default `true`.
*/
hideAtSelect?: boolean;
/**
* Run the `atSelect` function when hovering over a dropdown item.
*
* Default `true`.
*/
selectAtHover?: boolean;
selectedColor?: string;
/**
* Inserts an input field to filter the selectables.
*/
filterable?: boolean;
style?: React.CSSProperties;
className?: string;
theme?: Theme;
generalTheme?: Theme;
interactionTheme?: Theme;
level?: number;
devisible?: boolean;
round?: boolean;
width?: string | number;
/**
* The number of items determining the height;
*/
heightItems?: number;
setDropdownToggled?: any;
filterUpdate?: () => void;
}
declare const Dropdown: React.FC<DropdownProperties>;
export default Dropdown;