@fuxui/base
Version:
ui kit - svelte 5 + tailwind 4 - base components
41 lines (40 loc) • 2.09 kB
TypeScript
import { type VariantProps } from 'tailwind-variants';
export declare const toggleVariants: import("tailwind-variants").TVReturnType<{
variant: {
default: string;
};
size: {
default: string;
sm: string;
lg: string;
};
}, undefined, "text-base-900 dark:text-base-100 hover:bg-base-200/50 dark:hover:bg-base-800/50 dark:hover:text-base-50 hover:text-base-950 data-[state=on]:bg-accent-400/40 dark:data-[state=on]:bg-accent-500/15 dark:data-[state=on]:text-accent-300 data-[state=on]:text-accent-950 inline-flex items-center justify-center gap-2 rounded-2xl text-sm font-medium transition-colors disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
variant: {
default: string;
};
size: {
default: string;
sm: string;
lg: string;
};
}, undefined, import("tailwind-variants").TVReturnType<{
variant: {
default: string;
};
size: {
default: string;
sm: string;
lg: string;
};
}, undefined, "text-base-900 dark:text-base-100 hover:bg-base-200/50 dark:hover:bg-base-800/50 dark:hover:text-base-50 hover:text-base-950 data-[state=on]:bg-accent-400/40 dark:data-[state=on]:bg-accent-500/15 dark:data-[state=on]:text-accent-300 data-[state=on]:text-accent-950 inline-flex items-center justify-center gap-2 rounded-2xl text-sm font-medium transition-colors disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", unknown, unknown, undefined>>;
export type ToggleVariant = VariantProps<typeof toggleVariants>['variant'];
export type ToggleSize = VariantProps<typeof toggleVariants>['size'];
export type ToggleVariants = VariantProps<typeof toggleVariants>;
import { Toggle as TogglePrimitive } from 'bits-ui';
type $$ComponentProps = TogglePrimitive.RootProps & {
variant?: ToggleVariant;
size?: ToggleSize;
};
declare const Toggle: import("svelte").Component<$$ComponentProps, {}, "ref" | "pressed">;
type Toggle = ReturnType<typeof Toggle>;
export default Toggle;