@matthew.ngo/react-form-kit
Version:
Form Kit for React. It consists of a set of components that can be used to create complex forms in a simple and declarative way.
34 lines (33 loc) • 1.91 kB
TypeScript
import { ToggleSwitchSize, LabelPosition, AnimationType } from './types';
interface StyledToggleContainerProps {
$labelPosition: LabelPosition;
}
interface StyledToggleSwitchProps {
$isOn: boolean;
$size: ToggleSwitchSize;
$disabled: boolean;
$onColor?: string;
$offColor?: string;
$animation: AnimationType;
$animationDuration: number;
$width: number;
$height: number;
}
interface StyledToggleThumbProps {
$isOn: boolean;
$size: ToggleSwitchSize;
$thumbColor?: string;
$animation: AnimationType;
$animationDuration: number;
$thumbSize: number;
$thumbOffset: number;
}
interface StyledLabelTextProps {
$size: ToggleSwitchSize;
$disabled: boolean;
}
export declare const StyledToggleContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledToggleContainerProps>> & string;
export declare const StyledToggleSwitch: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledToggleSwitchProps>> & string;
export declare const StyledToggleThumb: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledToggleThumbProps>> & string;
export declare const StyledLabelText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, StyledLabelTextProps>> & string;
export {};