compote-ui
Version:
An opinionated UI component library for Svelte, built on top of [Ark UI](https://ark-ui.com) with additional components and features not available in the core Ark UI library.
47 lines (46 loc) • 1.4 kB
TypeScript
import { type VariantProps } from 'tailwind-variants';
export declare const badge: import("tailwind-variants").TVReturnType<{
variant: {
solid: string;
subtle: string;
outline: string;
};
color: {
neutral: string;
primary: string;
danger: string;
warning: string;
success: string;
info: string;
};
}, undefined, "inline-flex w-fit items-center gap-1 rounded px-2 py-0.5 text-xs font-medium [&_svg]:size-3 [&_svg]:shrink-0", {
variant: {
solid: string;
subtle: string;
outline: string;
};
color: {
neutral: string;
primary: string;
danger: string;
warning: string;
success: string;
info: string;
};
}, undefined, import("tailwind-variants").TVReturnType<{
variant: {
solid: string;
subtle: string;
outline: string;
};
color: {
neutral: string;
primary: string;
danger: string;
warning: string;
success: string;
info: string;
};
}, undefined, "inline-flex w-fit items-center gap-1 rounded px-2 py-0.5 text-xs font-medium [&_svg]:size-3 [&_svg]:shrink-0", unknown, unknown, undefined>>;
export type BadgeVariant = NonNullable<VariantProps<typeof badge>['variant']>;
export type BadgeColor = NonNullable<VariantProps<typeof badge>['color']>;