cosmo-ui/src/interfaces/dropdown.ts

Common React components

export interface DropdownProps {
    name: string
    id?: string
    tooltip?: string
    closeOnClick?: boolean
    openOnHover?: boolean
    position?: string
    icon?: JSX.Element
    toggleIcon?: JSX.Element
    itemStyles?: any
    listWidth?: number
}

export interface DropdownComponentProps {
    name: string
    id?: string
    tooltip: string
    isToggled: boolean
    closeOnClick: boolean
    openOnHover: boolean
    position: string
    icon: JSX.Element
    toggleIcon: JSX.Element // an alternative icon may be supplied for when the dropdown is open
    listWidth: number
    openDropdown: (key: string) => any
    closeDropdown: (key: string) => any
    toggleDropdown: (key: string) => any
}

export interface DropdownItemProps {
    id?: string
    active: boolean
    className?: string
    onClick?: (event: React.MouseEvent<any>) => void
}