@stihl-design-system/components/components/Combobox/Combobox.d.ts

Welcome to the STIHL Design System react component library.

import { CustomReactSelectProps } from './CustomReactSelect/CustomReactSelect';
type CommonComboboxProps = {
    /** Opens the dropdown on click or focus.
     * @default false
     */
    dropdownOnFocus?: boolean;
    /** Selects a focused value in the MenuList when the Tab key is pressed.
     * @default true
     */
    tabSelectsValue?: boolean;
};
export type ComboboxProps = Omit<(CustomReactSelectProps<false> & {
    /** Defines if only one option or multiple options can be selected.
     * @default 'single'
     */
    variant?: 'single';
}) | (CustomReactSelectProps<true> & {
    /** Defines if only one option or multiple options can be selected.
     * @default 'single'
     */
    variant: 'multi';
}), 'isMulti' | 'openMenuOnClick' | 'openMenuOnFocus'> & CommonComboboxProps;
/**
 * The DSCombobox component offers an autocomplete-style interface, allowing for efficient and intuitive selection from a dynamic list of options, suitable for both single and multi-select purposes.
 *
 * Design in Figma: [Combobox](https://www.figma.com/design/qXldpLO6gxHJNLdcXIPxYt/Core-Components-%F0%9F%92%A0?node-id=2659-3954)
 * */
export declare const DSCombobox: import('react').ForwardRefExoticComponent<Omit<(CustomReactSelectProps<false> & {
    /** Defines if only one option or multiple options can be selected.
     * @default 'single'
     */
    variant?: "single";
}) | (CustomReactSelectProps<true> & {
    /** Defines if only one option or multiple options can be selected.
     * @default 'single'
     */
    variant: "multi";
}), "isMulti" | "openMenuOnClick" | "openMenuOnFocus"> & CommonComboboxProps & import('react').RefAttributes<HTMLInputElement>>;
export {};