flowbite-svelte
Version:
Flowbite components for Svelte
705 lines (704 loc) • 14.3 kB
TypeScript
import { type VariantProps } from "tailwind-variants";
export type ButtonVariants = VariantProps<typeof button>;
export type GradientButtonVariantes = VariantProps<typeof gradientButton>;
export declare const button: import("tailwind-variants").TVReturnType<{
color: {
primary: {
base: string;
outline: string;
shadow: string;
};
dark: {
base: string;
outline: string;
shadow: string;
};
alternative: {
base: string;
outline: string;
shadow: string;
};
light: {
base: string;
outline: string;
shadow: string;
};
secondary: {
base: string;
outline: string;
shadow: string;
};
gray: {
base: string;
outline: string;
shadow: string;
};
red: {
base: string;
outline: string;
shadow: string;
};
orange: {
base: string;
outline: string;
shadow: string;
};
amber: {
base: string;
outline: string;
shadow: string;
};
yellow: {
base: string;
outline: string;
shadow: string;
};
lime: {
base: string;
outline: string;
shadow: string;
};
green: {
base: string;
outline: string;
shadow: string;
};
emerald: {
base: string;
outline: string;
shadow: string;
};
teal: {
base: string;
outline: string;
shadow: string;
};
cyan: {
base: string;
outline: string;
shadow: string;
};
sky: {
base: string;
outline: string;
shadow: string;
};
blue: {
base: string;
outline: string;
shadow: string;
};
indigo: {
base: string;
outline: string;
shadow: string;
};
violet: {
base: string;
outline: string;
shadow: string;
};
purple: {
base: string;
outline: string;
shadow: string;
};
fuchsia: {
base: string;
outline: string;
shadow: string;
};
pink: {
base: string;
outline: string;
shadow: string;
};
rose: {
base: string;
outline: string;
shadow: string;
};
};
size: {
xs: string;
sm: string;
md: string;
lg: string;
xl: string;
};
group: {
true: string;
false: string;
};
disabled: {
true: string;
false: string;
};
pill: {
true: string;
false: string;
};
checked: {
true: string;
false: string;
};
}, {
base: string;
outline: string;
shadow: string;
}, undefined, {
color: {
primary: {
base: string;
outline: string;
shadow: string;
};
dark: {
base: string;
outline: string;
shadow: string;
};
alternative: {
base: string;
outline: string;
shadow: string;
};
light: {
base: string;
outline: string;
shadow: string;
};
secondary: {
base: string;
outline: string;
shadow: string;
};
gray: {
base: string;
outline: string;
shadow: string;
};
red: {
base: string;
outline: string;
shadow: string;
};
orange: {
base: string;
outline: string;
shadow: string;
};
amber: {
base: string;
outline: string;
shadow: string;
};
yellow: {
base: string;
outline: string;
shadow: string;
};
lime: {
base: string;
outline: string;
shadow: string;
};
green: {
base: string;
outline: string;
shadow: string;
};
emerald: {
base: string;
outline: string;
shadow: string;
};
teal: {
base: string;
outline: string;
shadow: string;
};
cyan: {
base: string;
outline: string;
shadow: string;
};
sky: {
base: string;
outline: string;
shadow: string;
};
blue: {
base: string;
outline: string;
shadow: string;
};
indigo: {
base: string;
outline: string;
shadow: string;
};
violet: {
base: string;
outline: string;
shadow: string;
};
purple: {
base: string;
outline: string;
shadow: string;
};
fuchsia: {
base: string;
outline: string;
shadow: string;
};
pink: {
base: string;
outline: string;
shadow: string;
};
rose: {
base: string;
outline: string;
shadow: string;
};
};
size: {
xs: string;
sm: string;
md: string;
lg: string;
xl: string;
};
group: {
true: string;
false: string;
};
disabled: {
true: string;
false: string;
};
pill: {
true: string;
false: string;
};
checked: {
true: string;
false: string;
};
}, {
base: string;
outline: string;
shadow: string;
}, import("tailwind-variants").TVReturnType<{
color: {
primary: {
base: string;
outline: string;
shadow: string;
};
dark: {
base: string;
outline: string;
shadow: string;
};
alternative: {
base: string;
outline: string;
shadow: string;
};
light: {
base: string;
outline: string;
shadow: string;
};
secondary: {
base: string;
outline: string;
shadow: string;
};
gray: {
base: string;
outline: string;
shadow: string;
};
red: {
base: string;
outline: string;
shadow: string;
};
orange: {
base: string;
outline: string;
shadow: string;
};
amber: {
base: string;
outline: string;
shadow: string;
};
yellow: {
base: string;
outline: string;
shadow: string;
};
lime: {
base: string;
outline: string;
shadow: string;
};
green: {
base: string;
outline: string;
shadow: string;
};
emerald: {
base: string;
outline: string;
shadow: string;
};
teal: {
base: string;
outline: string;
shadow: string;
};
cyan: {
base: string;
outline: string;
shadow: string;
};
sky: {
base: string;
outline: string;
shadow: string;
};
blue: {
base: string;
outline: string;
shadow: string;
};
indigo: {
base: string;
outline: string;
shadow: string;
};
violet: {
base: string;
outline: string;
shadow: string;
};
purple: {
base: string;
outline: string;
shadow: string;
};
fuchsia: {
base: string;
outline: string;
shadow: string;
};
pink: {
base: string;
outline: string;
shadow: string;
};
rose: {
base: string;
outline: string;
shadow: string;
};
};
size: {
xs: string;
sm: string;
md: string;
lg: string;
xl: string;
};
group: {
true: string;
false: string;
};
disabled: {
true: string;
false: string;
};
pill: {
true: string;
false: string;
};
checked: {
true: string;
false: string;
};
}, {
base: string;
outline: string;
shadow: string;
}, undefined, unknown, unknown, undefined>>;
export declare const gradientButton: import("tailwind-variants").TVReturnType<{
color: {
blue: {
base: string;
};
green: {
base: string;
};
cyan: {
base: string;
};
teal: {
base: string;
};
lime: {
base: string;
};
red: {
base: string;
};
pink: {
base: string;
};
purple: {
base: string;
};
purpleToBlue: {
base: string;
};
cyanToBlue: {
base: string;
};
greenToBlue: {
base: string;
};
purpleToPink: {
base: string;
};
pinkToOrange: {
base: string;
};
tealToLime: {
base: string;
};
redToYellow: {
base: string;
};
};
outline: {
true: {
base: string;
outlineWrapper: string;
};
};
pill: {
true: {
base: string;
outlineWrapper: string;
};
false: {
base: string;
outlineWrapper: string;
};
};
size: {
xs: string;
sm: string;
md: string;
lg: string;
xl: string;
};
shadow: {
true: {
base: string;
};
};
group: {
true: string;
false: string;
};
disabled: {
true: {
base: string;
};
};
}, {
base: string;
outlineWrapper: string;
}, undefined, {
color: {
blue: {
base: string;
};
green: {
base: string;
};
cyan: {
base: string;
};
teal: {
base: string;
};
lime: {
base: string;
};
red: {
base: string;
};
pink: {
base: string;
};
purple: {
base: string;
};
purpleToBlue: {
base: string;
};
cyanToBlue: {
base: string;
};
greenToBlue: {
base: string;
};
purpleToPink: {
base: string;
};
pinkToOrange: {
base: string;
};
tealToLime: {
base: string;
};
redToYellow: {
base: string;
};
};
outline: {
true: {
base: string;
outlineWrapper: string;
};
};
pill: {
true: {
base: string;
outlineWrapper: string;
};
false: {
base: string;
outlineWrapper: string;
};
};
size: {
xs: string;
sm: string;
md: string;
lg: string;
xl: string;
};
shadow: {
true: {
base: string;
};
};
group: {
true: string;
false: string;
};
disabled: {
true: {
base: string;
};
};
}, {
base: string;
outlineWrapper: string;
}, import("tailwind-variants").TVReturnType<{
color: {
blue: {
base: string;
};
green: {
base: string;
};
cyan: {
base: string;
};
teal: {
base: string;
};
lime: {
base: string;
};
red: {
base: string;
};
pink: {
base: string;
};
purple: {
base: string;
};
purpleToBlue: {
base: string;
};
cyanToBlue: {
base: string;
};
greenToBlue: {
base: string;
};
purpleToPink: {
base: string;
};
pinkToOrange: {
base: string;
};
tealToLime: {
base: string;
};
redToYellow: {
base: string;
};
};
outline: {
true: {
base: string;
outlineWrapper: string;
};
};
pill: {
true: {
base: string;
outlineWrapper: string;
};
false: {
base: string;
outlineWrapper: string;
};
};
size: {
xs: string;
sm: string;
md: string;
lg: string;
xl: string;
};
shadow: {
true: {
base: string;
};
};
group: {
true: string;
false: string;
};
disabled: {
true: {
base: string;
};
};
}, {
base: string;
outlineWrapper: string;
}, undefined, unknown, unknown, undefined>>;