@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
37 lines (36 loc) • 1.52 kB
TypeScript
import { KendoComponent } from '../_types/component';
export declare const SMART_BOX_CLASSNAME = "k-smart-box";
declare const states: ("focus" | "disabled" | "hover")[];
declare const options: {
size: ("small" | "medium" | "large" | undefined)[];
rounded: ("small" | "none" | "medium" | "full" | "large" | undefined)[];
fillMode: ("flat" | "outline" | "solid" | undefined)[];
};
export type KendoSmartBoxOptions = {
size?: (typeof options.size)[number] | null;
rounded?: (typeof options.rounded)[number] | null;
fillMode?: (typeof options.fillMode)[number] | null;
};
export type KendoSmartBoxProps = KendoSmartBoxOptions & {
prefix?: React.JSX.Element;
suffix?: React.JSX.Element;
separators?: boolean;
value?: string;
placeholder?: string;
popup?: React.JSX.Element;
opened?: boolean;
processing?: boolean;
/** @aria aria-label for the combobox input */
inputAriaLabel?: string;
/** @aria aria-controls referencing the popup listbox ID */
inputAriaControls?: string;
/** @aria aria-activedescendant referencing the focused list item */
inputAriaActiveDescendant?: string;
/** @aria aria-autocomplete behavior */
inputAriaAutocomplete?: 'list' | 'both' | 'inline' | 'none';
};
export type KendoSmartBoxState = {
[K in (typeof states)[number]]?: boolean;
};
export declare const SmartBox: KendoComponent<KendoSmartBoxProps & KendoSmartBoxState & Omit<React.HTMLAttributes<HTMLSpanElement>, 'prefix'>>;
export default SmartBox;