@nextui-org/theme
Version:
The default theme for NextUI components
485 lines (482 loc) • 8.51 kB
TypeScript
import * as tailwind_variants from 'tailwind-variants';
import { VariantProps } from 'tailwind-variants';
import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
/**
* Badge wrapper **Tailwind Variants** component
*
* const {base, badge} = badge({...})
*
* @example
* <div className={base())}>
* // children
* <span className={badge()}>5+</span>
* </div>
*/
declare const badge: tailwind_variants.TVReturnType<{
variant: {
solid: {};
flat: {};
faded: {
badge: string;
};
shadow: {};
};
color: {
default: {};
primary: {};
secondary: {};
success: {};
warning: {};
danger: {};
};
size: {
sm: {
badge: string;
};
md: {
badge: string;
};
lg: {
badge: string;
};
};
placement: {
"top-right": {};
"top-left": {};
"bottom-right": {};
"bottom-left": {};
};
shape: {
circle: {};
rectangle: {};
};
isInvisible: {
true: {};
};
isOneChar: {
true: {
badge: string;
};
};
isDot: {
true: {};
};
disableAnimation: {
true: {
badge: string;
};
false: {
badge: string;
};
};
showOutline: {
true: {
badge: string;
};
false: {
badge: string;
};
};
}, {
base: string[];
badge: string[];
}, undefined, tailwind_variants_dist_config.TVConfig<{
variant: {
solid: {};
flat: {};
faded: {
badge: string;
};
shadow: {};
};
color: {
default: {};
primary: {};
secondary: {};
success: {};
warning: {};
danger: {};
};
size: {
sm: {
badge: string;
};
md: {
badge: string;
};
lg: {
badge: string;
};
};
placement: {
"top-right": {};
"top-left": {};
"bottom-right": {};
"bottom-left": {};
};
shape: {
circle: {};
rectangle: {};
};
isInvisible: {
true: {};
};
isOneChar: {
true: {
badge: string;
};
};
isDot: {
true: {};
};
disableAnimation: {
true: {
badge: string;
};
false: {
badge: string;
};
};
showOutline: {
true: {
badge: string;
};
false: {
badge: string;
};
};
}, {
variant: {
solid: {};
flat: {};
faded: {
badge: string;
};
shadow: {};
};
color: {
default: {};
primary: {};
secondary: {};
success: {};
warning: {};
danger: {};
};
size: {
sm: {
badge: string;
};
md: {
badge: string;
};
lg: {
badge: string;
};
};
placement: {
"top-right": {};
"top-left": {};
"bottom-right": {};
"bottom-left": {};
};
shape: {
circle: {};
rectangle: {};
};
isInvisible: {
true: {};
};
isOneChar: {
true: {
badge: string;
};
};
isDot: {
true: {};
};
disableAnimation: {
true: {
badge: string;
};
false: {
badge: string;
};
};
showOutline: {
true: {
badge: string;
};
false: {
badge: string;
};
};
}>, {
variant: {
solid: {};
flat: {};
faded: {
badge: string;
};
shadow: {};
};
color: {
default: {};
primary: {};
secondary: {};
success: {};
warning: {};
danger: {};
};
size: {
sm: {
badge: string;
};
md: {
badge: string;
};
lg: {
badge: string;
};
};
placement: {
"top-right": {};
"top-left": {};
"bottom-right": {};
"bottom-left": {};
};
shape: {
circle: {};
rectangle: {};
};
isInvisible: {
true: {};
};
isOneChar: {
true: {
badge: string;
};
};
isDot: {
true: {};
};
disableAnimation: {
true: {
badge: string;
};
false: {
badge: string;
};
};
showOutline: {
true: {
badge: string;
};
false: {
badge: string;
};
};
}, {
base: string[];
badge: string[];
}, tailwind_variants.TVReturnType<{
variant: {
solid: {};
flat: {};
faded: {
badge: string;
};
shadow: {};
};
color: {
default: {};
primary: {};
secondary: {};
success: {};
warning: {};
danger: {};
};
size: {
sm: {
badge: string;
};
md: {
badge: string;
};
lg: {
badge: string;
};
};
placement: {
"top-right": {};
"top-left": {};
"bottom-right": {};
"bottom-left": {};
};
shape: {
circle: {};
rectangle: {};
};
isInvisible: {
true: {};
};
isOneChar: {
true: {
badge: string;
};
};
isDot: {
true: {};
};
disableAnimation: {
true: {
badge: string;
};
false: {
badge: string;
};
};
showOutline: {
true: {
badge: string;
};
false: {
badge: string;
};
};
}, {
base: string[];
badge: string[];
}, undefined, tailwind_variants_dist_config.TVConfig<{
variant: {
solid: {};
flat: {};
faded: {
badge: string;
};
shadow: {};
};
color: {
default: {};
primary: {};
secondary: {};
success: {};
warning: {};
danger: {};
};
size: {
sm: {
badge: string;
};
md: {
badge: string;
};
lg: {
badge: string;
};
};
placement: {
"top-right": {};
"top-left": {};
"bottom-right": {};
"bottom-left": {};
};
shape: {
circle: {};
rectangle: {};
};
isInvisible: {
true: {};
};
isOneChar: {
true: {
badge: string;
};
};
isDot: {
true: {};
};
disableAnimation: {
true: {
badge: string;
};
false: {
badge: string;
};
};
showOutline: {
true: {
badge: string;
};
false: {
badge: string;
};
};
}, {
variant: {
solid: {};
flat: {};
faded: {
badge: string;
};
shadow: {};
};
color: {
default: {};
primary: {};
secondary: {};
success: {};
warning: {};
danger: {};
};
size: {
sm: {
badge: string;
};
md: {
badge: string;
};
lg: {
badge: string;
};
};
placement: {
"top-right": {};
"top-left": {};
"bottom-right": {};
"bottom-left": {};
};
shape: {
circle: {};
rectangle: {};
};
isInvisible: {
true: {};
};
isOneChar: {
true: {
badge: string;
};
};
isDot: {
true: {};
};
disableAnimation: {
true: {
badge: string;
};
false: {
badge: string;
};
};
showOutline: {
true: {
badge: string;
};
false: {
badge: string;
};
};
}>, unknown, unknown, undefined>>;
type BadgeVariantProps = VariantProps<typeof badge>;
type BadgeSlots = keyof ReturnType<typeof badge>;
export { BadgeSlots, BadgeVariantProps, badge };