@neuctra/ui/dist/types/components/basic/DropDown.d.ts

A modern, responsive, customizable React UI component library powered by Tailwind CSS and Vite.

import React from "react";
interface Option {
    label: string;
    value: string;
    icon?: React.ReactNode;
    disabled?: boolean;
}
interface DropdownProps {
    options: Option[];
    value?: string;
    defaultValue?: string;
    onChange?: (value: string) => void;
    placeholder?: string;
    disabled?: boolean;
    searchable?: boolean;
    multiSelect?: boolean;
    clearable?: boolean;
    virtualized?: boolean;
    optionHeight?: number;
    visibleOptions?: number;
    width?: string;
    height?: string;
    borderColor?: string;
    focusBorderColor?: string;
    errorBorderColor?: string;
    backgroundColor?: string;
    textColor?: string;
    placeholderColor?: string;
    hoverColor?: string;
    selectedColor?: string;
    disabledColor?: string;
    padding?: string;
    margin?: string;
    borderRadius?: string;
    boxShadow?: string;
    optionPadding?: string;
    optionGap?: string;
    transitionDuration?: string;
    dropdownMaxHeight?: string;
    dropdownMinWidth?: string;
    className?: string;
    dropdownClassName?: string;
    optionClassName?: string;
    inputClassName?: string;
    style?: React.CSSProperties;
    dropdownStyle?: React.CSSProperties;
    optionStyle?: React.CSSProperties;
    inputStyle?: React.CSSProperties;
    iconPrefix?: React.ReactNode;
    iconSuffix?: React.ReactNode;
    clearIcon?: React.ReactNode;
    dropdownIcon?: React.ReactNode;
    checkIcon?: React.ReactNode;
    ariaLabel?: string;
    ariaLabelledby?: string;
    ariaDescribedby?: string;
    onFocus?: () => void;
    onBlur?: () => void;
    onOpen?: () => void;
    onClose?: () => void;
}
export declare const Dropdown: React.FC<DropdownProps>;
export {};