@redocly/theme/lib/components/Tag/Tag.d.ts

Shared UI components lib

import React from 'react';
import type { JSX } from 'react';
type DefaultStatusColor = 'success' | 'processing' | 'error' | 'warning' | 'default';
type ActionStatusColor = 'approved' | 'declined' | 'pending';
type SubjectStatusColor = 'active' | 'draft' | 'deprecated' | 'product';
type HttpColor = 'get' | 'post' | 'put' | 'delete' | 'option' | 'patch' | 'head' | 'hook' | 'link';
type ActionColor = 'receive' | 'send';
type ChannelColor = 'channel';
type HttpStatusColor = 'http-deprecated';
type StatusColor = DefaultStatusColor | ActionStatusColor | SubjectStatusColor | HttpColor | ActionColor | ChannelColor | HttpStatusColor;
type Color = 'red' | 'green' | 'blue' | 'grey' | 'gold' | 'cyan' | 'magenta' | 'purple' | 'lime' | 'geekblue' | 'yellow';
export type TagProps = {
    className?: string;
    children?: React.ReactNode;
    closable?: boolean;
    color?: StatusColor | Color | string;
    borderless?: boolean;
    withStatusDot?: boolean;
    statusDotColor?: string;
    size?: string;
    icon?: React.ReactNode;
    active?: boolean;
    tabIndex?: number;
    onClick?: (event: React.MouseEvent) => void;
    onKeyDown?: (event: React.KeyboardEvent) => void;
    onClose?: (event: React.MouseEvent) => void;
};
export declare function Tag({ children, color, icon, active, closable, tabIndex, onClick, onKeyDown, onClose, size, borderless, withStatusDot, statusDotColor, ...otherProps }: TagProps): JSX.Element;
export declare const ContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
export {};