trae-ui
Version:
Trae UI is a modern, highly customizable, and accessible UI component library for React and Next.js, built with TailwindCSS and TypeScript. It offers a responsive, reusable, and developer-friendly set of components to accelerate building visually stunning
32 lines (31 loc) • 1.05 kB
TypeScript
import { ReactNode } from "react";
export type IconProps = {
"data-checked": string;
isSelected: boolean;
isIndeterminate: boolean;
disableAnimation: boolean;
className: string;
};
export type CheckboxIconProps = ReactNode | ((props: IconProps) => ReactNode);
export interface CheckboxProps {
children?: ReactNode;
icon?: CheckboxIconProps;
value?: string;
name?: string;
size?: "sm" | "md" | "lg";
color?: "primary" | "secondary" | "success" | "warning" | "danger" | "foreground";
radius?: "none" | "sm" | "md" | "lg" | "full";
lineThrough?: boolean;
isSelected?: boolean;
defaultSelected?: boolean;
isRequired?: boolean;
isReadOnly?: boolean;
isDisabled?: boolean;
isIndeterminate?: boolean;
isInvalid?: boolean;
validationState?: "valid" | "invalid";
disableAnimation?: boolean;
classNames?: Record<"base" | "wrapper" | "icon" | "label", string>;
onChange?: React.ChangeEventHandler<HTMLInputElement>;
onValueChange?: (isSelected: boolean) => void;
}