aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
42 lines • 1.63 kB
TypeScript
import React from "react";
export interface GlassCheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> {
/** Whether the checkbox is checked */
checked?: boolean;
/** Indeterminate state (partially checked) */
indeterminate?: boolean;
/** Callback when the checkbox state changes */
onCheckedChange?: (checked: boolean) => void;
/** Size of the checkbox */
size?: "sm" | "md" | "lg";
/** Visual variant */
variant?: "default" | "success" | "warning" | "error" | "info";
/** Label text */
label?: string;
/** Description text */
description?: string;
/** Position of label relative to checkbox */
labelPosition?: "left" | "right" | "top" | "bottom";
/** Whether the checkbox is disabled */
disabled?: boolean;
/** Loading state */
loading?: boolean;
/** Whether to show focus ring */
focusRing?: boolean;
/** Custom check icon */
checkIcon?: React.ReactNode;
/** Custom indeterminate icon */
indeterminateIcon?: React.ReactNode;
/** Error message */
error?: string;
/** Respect user's motion preferences */
respectMotionPreference?: boolean;
/** Accessible name for the checkbox */
"aria-label"?: string;
/** ID of element that labels the checkbox */
"aria-labelledby"?: string;
/** ID of element(s) that describe the checkbox */
"aria-describedby"?: string;
}
export declare const GlassCheckbox: React.ForwardRefExoticComponent<GlassCheckboxProps & React.RefAttributes<HTMLInputElement>>;
export default GlassCheckbox;
//# sourceMappingURL=GlassCheckbox.d.ts.map