reablocks/dist/form/Select/SelectInput/SelectInputChip.d.ts

Component library for React

import { default as React, FC } from 'react';
import { SelectOptionProps } from '../SelectOption';
import { SelectTheme } from '../SelectTheme';
export interface SelectInputChipProps {
    /**
     * The option to render as a chip.
     */
    option?: SelectOptionProps;
    /**
     * The maximum length of the chip.
     * @default 20
     */
    maxLength?: number;
    /**
     * Additional class names to apply to the chip.
     */
    className?: string;
    /**
     * Whether the chip is disabled or not.
     */
    disabled?: boolean;
    /**
     * Whether the chip is clearable or not.
     */
    clearable?: boolean;
    /**
     * Theme for the Select.
     */
    theme?: SelectTheme;
    /**
     * The close icon for the chip.
     * @default <CloseIcon />
     */
    closeIcon?: React.ReactNode;
    /**
     * Callback for when a key is pressed on the chip.
     */
    onTagKeyDown?: (event: React.KeyboardEvent<HTMLSpanElement>, option: SelectOptionProps) => void;
    /**
     * Callback for when the selected option changes.
     */
    onSelectedChange?: (option: SelectOptionProps) => void;
}
export declare const SelectInputChip: FC<SelectInputChipProps>;