infinity-ui-elements/dist/components/Badge/Badge.d.ts

A React TypeScript component library with Tailwind CSS design system

import * as React from "react";
import { type VariantProps } from "class-variance-authority";
declare const badgeVariants: (props?: ({
    variant?: "light" | "filled" | null | undefined;
    color?: "info" | "primary" | "positive" | "negative" | "notice" | "neutral" | null | undefined;
    size?: "medium" | "large" | "small" | null | undefined;
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
    /**
     * Whether to show a dot indicator on the left side
     */
    showDot?: boolean;
    /**
     * Custom class name for the badge
     */
    className?: string;
    /**
     * Badge label/content
     */
    children: React.ReactNode;
    /**
     * The color variant of the badge
     */
    color?: "primary" | "positive" | "negative" | "notice" | "info" | "neutral";
}
declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
export { Badge, badgeVariants };
//# sourceMappingURL=Badge.d.ts.map