@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
25 lines (24 loc) • 1.26 kB
TypeScript
import { KendoComponent } from '../_types/component';
export declare const FLOATINGACTIONBUTTON_CLASSNAME = "k-fab";
declare const states: ("active" | "focus" | "disabled" | "selected" | "hover")[];
declare const options: {
size: ("small" | "medium" | "large" | undefined)[];
rounded: ("small" | "none" | "medium" | "full" | "large" | undefined)[];
themeColor: ("base" | "primary" | "secondary" | "tertiary" | undefined)[];
};
export type KendoFloatingActionButtonOptions = {
size?: (typeof options.size)[number] | null;
rounded?: (typeof options.rounded)[number] | null;
themeColor?: (typeof options.themeColor)[number] | null;
};
export type KendoFloatingActionButtonProps = KendoFloatingActionButtonOptions & {
text?: string;
icon?: string;
type?: 'button' | 'submit' | 'reset';
position?: null | 'top-start' | 'top-center' | 'top-end' | 'middle-start' | 'middle-end' | 'bottom-start' | 'bottom-center' | 'bottom-end';
};
export type KendoFloatingActionButtonState = {
[K in (typeof states)[number]]?: boolean;
};
export declare const FloatingActionButton: KendoComponent<KendoFloatingActionButtonProps & KendoFloatingActionButtonState & React.HTMLAttributes<HTMLButtonElement>>;
export default FloatingActionButton;