@octopusdeploy/design-system-components
Version:
The design systems component library.
21 lines (20 loc) • 794 B
TypeScript
import { type IconProps } from "@octopusdeploy/design-system-icons";
import type React from "react";
import { type AvatarProps } from "../Avatar/Avatar";
export interface TagProps {
/**
* The text content to display in the tag.
*/
label: string;
/**
* Optional icon or avatar to display before the label.
* Can be either an Icon component, or an Avatar component for an entity.
*/
prefix?: React.ReactElement<IconProps> | React.ReactElement<AvatarProps>;
/**
* Callback function invoked when the dismiss button is clicked.
* When provided, a dismiss button (X) will be displayed on the tag.
*/
onDismiss?: () => void;
}
export declare function Tag({ label, prefix, onDismiss }: TagProps): import("react/jsx-runtime").JSX.Element;