mirror of https://github.com/jetkvm/kvm.git
feat(ui): add className prop to Checkbox component to allow custom styling
This commit is contained in:
parent
7cac28926a
commit
c65d222ee0
|
@ -37,11 +37,11 @@ type CheckBoxProps = {
|
||||||
} & Omit<JSX.IntrinsicElements["input"], "size" | "type">;
|
} & Omit<JSX.IntrinsicElements["input"], "size" | "type">;
|
||||||
|
|
||||||
const Checkbox = forwardRef<HTMLInputElement, CheckBoxProps>(function Checkbox(
|
const Checkbox = forwardRef<HTMLInputElement, CheckBoxProps>(function Checkbox(
|
||||||
{ size = "MD", ...props },
|
{ size = "MD", className, ...props },
|
||||||
ref,
|
ref,
|
||||||
) {
|
) {
|
||||||
const classes = checkboxVariants({ size });
|
const classes = checkboxVariants({ size });
|
||||||
return <input ref={ref} {...props} type="checkbox" className={classes} />;
|
return <input ref={ref} {...props} type="checkbox" className={clsx(classes, className)} />;
|
||||||
});
|
});
|
||||||
Checkbox.displayName = "Checkbox";
|
Checkbox.displayName = "Checkbox";
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue