@flanksource/clicky-ui/dist/data/Badge.d.ts

Flanksource Clicky UI — React component library built on shadcn/ui with light/dark and density theming.

import { AnchorHTMLAttributes, ReactNode } from 'react';
import { VariantProps } from 'class-variance-authority';
export declare const badgeVariants: (props?: ({
    tone?: "neutral" | "danger" | "warning" | "success" | "info" | null | undefined;
    variant?: "outline" | "solid" | "soft" | null | undefined;
    size?: "xs" | "sm" | "md" | "lg" | "xxs" | null | undefined;
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
type LegacyBadgeVariantProps = VariantProps<typeof badgeVariants>;
export type BadgeTone = NonNullable<LegacyBadgeVariantProps["tone"]>;
export type LegacyBadgeVariant = NonNullable<LegacyBadgeVariantProps["variant"]>;
export type BadgeSize = NonNullable<LegacyBadgeVariantProps["size"]>;
export type BadgeStatus = "success" | "error" | "warning" | "info";
export type BadgeShape = "pill" | "rounded" | "square";
export type BadgeTruncate = "prefix" | "suffix" | "arn" | "image" | "path" | "url" | "auto";
export type RichBadgeVariant = "status" | "metric" | "custom" | "outlined" | "label";
export type BadgeVariant = LegacyBadgeVariant | RichBadgeVariant;
export type BadgeProps = {
    tone?: BadgeTone;
    variant?: BadgeVariant;
    size?: BadgeSize;
    icon?: string;
    count?: number;
    children?: ReactNode;
    className?: string;
    status?: BadgeStatus;
    label?: ReactNode;
    value?: ReactNode;
    color?: string;
    textColor?: string;
    borderColor?: string;
    shape?: BadgeShape;
    href?: string;
    target?: AnchorHTMLAttributes<HTMLAnchorElement>["target"];
    rel?: string;
    wrap?: boolean;
    maxWidth?: string | number;
    truncate?: BadgeTruncate;
    clickToCopy?: boolean;
    labelClassName?: string;
    valueClassName?: string;
};
export declare function Badge({ tone, variant, size, icon, count, children, className, status, label, value, color, textColor, borderColor, shape, href, target, rel, wrap, maxWidth, truncate, clickToCopy, labelClassName, valueClassName, }: BadgeProps): import("react/jsx-runtime").JSX.Element | null;
export {};
//# sourceMappingURL=Badge.d.ts.map