@intility/bifrost-react/dist/components/Badge/Badge.d.ts

React library for Intility's design system, Bifrost.

import type { PropsFor } from "../../types.js";
export type BadgeState = BadgeProps["state"];
export type BadgeProps = PropsFor<"div", {
    /** Available states: `default`, `success`, `warning`, `alert`, `attn`, `chill`, `brand` and `neutral` */
    state?: "default" | "success" | "warning" | "alert" | "attn" | "chill" | "brand" | "neutral";
    /** Invert colors */
    inverted?: boolean;
    /** Apply rounded corners */
    pill?: boolean;
}>;
/**
 * Non-clickable badge for very short messages (i.e. server status) - also see
 * `<Tag>`
 *
 * @see https://bifrost.intility.com/react/badge
 *
 * @example
 * <Badge>Badger</Badge>
 * <Badge state='chill'>Chill</Badge>
 * <Badge pill>Pill</Badge>
 */
declare const Badge: import("react").ForwardRefExoticComponent<BadgeProps & import("react").RefAttributes<HTMLDivElement>>;
export default Badge;