@chakra-ui/core/dist/Tag/index.d.ts

Responsive and accessible React UI components built with React and Emotion

import { IBadge } from "../Badge";
import * as React from "react";
import { BoxProps } from "../Box";
import { PseudoBoxProps } from "../PseudoBox";
import { IconProps } from "../Icon";
import { Omit } from "../common-types";

export interface ITag {
  /**
   * The variant of the tag.
   */
  variant?: IBadge["variant"];
  /**
   * The size of the tag.
   */
  size?: "sm" | "md" | "lg";
  /**
   * The color scheme of the tag.
   */
  variantColor?: IBadge["variantColor"];
}
export interface ITagCloseButton {
  isDisabled?: boolean;
}
export type TagProps = ITag & Omit<PseudoBoxProps, "size">;
declare const Tag: React.FC<TagProps>;
export default Tag;

export const TagLabel: React.FC<BoxProps>;
export const TagCloseButton: React.FC<PseudoBoxProps> & ITagCloseButton;

type TagIconProps = Omit<IconProps, "name"> & {
  icon: IconProps["name"] | React.ComponentType;
};
export const TagIcon: React.FC<TagIconProps>;