infinity-ui-elements
Version:
A React TypeScript component library with Tailwind CSS design system
39 lines • 1.19 kB
TypeScript
import * as React from "react";
declare const switchVariants: (props?: ({
size?: "medium" | "large" | "small" | null | undefined;
isChecked?: boolean | null | undefined;
isDisabled?: boolean | null | undefined;
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
export interface SwitchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> {
/**
* Label text to display next to the switch
*/
label?: string;
/**
* Size of the switch
*/
size?: "small" | "medium" | "large";
/**
* Whether the switch is disabled
*/
isDisabled?: boolean;
/**
* Custom class name for the container
*/
containerClassName?: string;
/**
* Custom class name for the label
*/
labelClassName?: string;
/**
* Custom class name for the switch track
*/
trackClassName?: string;
/**
* Custom class name for the switch thumb
*/
thumbClassName?: string;
}
declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
export { Switch, switchVariants };
//# sourceMappingURL=Switch.d.ts.map