@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
49 lines (48 loc) • 2 kB
TypeScript
import { KendoActionSheetProps } from '../action-sheet';
import { KendoComponent } from '../_types/component';
export declare const COMBOBOX_CLASSNAME = "k-combobox";
declare const states: ("required" | "loading" | "focus" | "invalid" | "disabled" | "readonly" | "valid" | "hover")[];
declare const options: {
size: ("small" | "medium" | "large" | undefined)[];
rounded: ("small" | "none" | "medium" | "full" | "large" | undefined)[];
fillMode: ("flat" | "outline" | "solid" | undefined)[];
};
export type KendoComboboxOptions = {
size?: (typeof options.size)[number] | null;
rounded?: (typeof options.rounded)[number] | null;
fillMode?: (typeof options.fillMode)[number] | null;
};
export type KendoComboboxProps = KendoComboboxOptions & {
prefix?: React.JSX.Element;
suffix?: React.JSX.Element;
separators?: boolean;
value?: string;
placeholder?: string;
popup?: React.JSX.Element;
opened?: boolean;
adaptive?: boolean;
adaptiveSettings?: KendoActionSheetProps;
adaptiveTitle?: string;
adaptiveSubtitle?: string;
adaptiveCustomValue?: boolean;
/**
* Unique identifier for the combobox. Used to generate related IDs.
* @aria Controls aria-controls and aria-activedescendant references
*/
id?: string;
/**
* Autocomplete behavior: 'list' for filtering, 'both' for filtering + suggest, 'inline' for suggest only.
* @aria aria-autocomplete - Indicates autocomplete behavior to assistive technologies
*/
autocomplete?: 'list' | 'both' | 'inline' | 'none';
/**
* ID of the currently focused/active item in the listbox.
* @aria aria-activedescendant - Points to focused item when popup is open
*/
activeDescendant?: string;
};
export type KendoComboboxState = {
[K in (typeof states)[number]]?: boolean;
};
export declare const Combobox: KendoComponent<KendoComboboxProps & KendoComboboxState & React.HTMLAttributes<HTMLSpanElement>>;
export default Combobox;