@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
36 lines (35 loc) • 1.3 kB
TypeScript
export declare const SWITCH_CLASSNAME = "k-switch";
declare const states: ("focus" | "disabled" | "checked" | "hover")[];
declare const options: {
size: ("small" | "medium" | "large")[];
trackRounded: ("small" | "medium" | "full" | "large")[];
thumbRounded: ("small" | "medium" | "full" | "large")[];
};
export type KendoSwitchOptions = {
size?: (typeof options.size)[number] | null;
trackRounded?: (typeof options.trackRounded)[number] | null;
thumbRounded?: (typeof options.thumbRounded)[number] | null;
};
export type KendoSwitchProps = KendoSwitchOptions & {
onLabel?: string;
offLabel?: string;
};
export type KendoSwitchState = {
[K in (typeof states)[number]]?: boolean;
};
export declare const Switch: {
(props: KendoSwitchProps & KendoSwitchState & React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
states: ("focus" | "disabled" | "checked" | "hover")[];
options: {
size: ("small" | "medium" | "large")[];
trackRounded: ("small" | "medium" | "full" | "large")[];
thumbRounded: ("small" | "medium" | "full" | "large")[];
};
className: string;
defaultOptions: {
size: "medium";
trackRounded: "full";
thumbRounded: "full";
};
};
export default Switch;