@fuxui/base
Version:
ui kit - svelte 5 + tailwind 4 - base components
43 lines (42 loc) • 2.07 kB
TypeScript
import { Checkbox as CheckboxPrimitive, type WithoutChildrenOrChild } from 'bits-ui';
import { type VariantProps } from 'tailwind-variants';
export declare const checkboxVariants: import("tailwind-variants").TVReturnType<{
variant: {
primary: string;
secondary: string;
};
sizeVariant: {
default: string;
sm: string;
lg: string;
};
}, undefined, "peer cursor-pointer box-content size-4 shrink-0 inline-flex items-center justify-center rounded-2xl border outline-offset-2 focus-visible:outline focus-visible:outline-2 focus-visible:outline-accent-500 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50", {
variant: {
primary: string;
secondary: string;
};
sizeVariant: {
default: string;
sm: string;
lg: string;
};
}, undefined, import("tailwind-variants").TVReturnType<{
variant: {
primary: string;
secondary: string;
};
sizeVariant: {
default: string;
sm: string;
lg: string;
};
}, undefined, "peer cursor-pointer box-content size-4 shrink-0 inline-flex items-center justify-center rounded-2xl border outline-offset-2 focus-visible:outline focus-visible:outline-2 focus-visible:outline-accent-500 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50", unknown, unknown, undefined>>;
export type CheckboxVariant = VariantProps<typeof checkboxVariants>['variant'];
export type CheckboxSize = VariantProps<typeof checkboxVariants>['sizeVariant'];
export type CheckboxProps = WithoutChildrenOrChild<CheckboxPrimitive.RootProps> & {
variant?: CheckboxVariant;
sizeVariant?: CheckboxSize;
};
declare const Checkbox: import("svelte").Component<CheckboxProps, {}, "ref" | "variant" | "sizeVariant" | "checked" | "indeterminate">;
type Checkbox = ReturnType<typeof Checkbox>;
export default Checkbox;