UNPKG

antd

Version:

An enterprise-class UI design language and React components implementation

52 lines (51 loc) 1.98 kB
import * as React from 'react'; import type { PresetColorType, PresetStatusColorType } from '../_util/colors'; import type { ClosableType } from '../_util/hooks'; import type { GenerateSemantic } from '../_util/hooks/useMergeSemantic/semanticType'; import type { LiteralUnion } from '../_util/type'; import CheckableTag from './CheckableTag'; import CheckableTagGroup from './CheckableTagGroup'; export type { CheckableTagProps } from './CheckableTag'; export type { CheckableTagGroupProps } from './CheckableTagGroup'; export type TagSemanticType = { classNames?: { root?: string; icon?: string; content?: string; close?: string; }; styles?: { root?: React.CSSProperties; icon?: React.CSSProperties; content?: React.CSSProperties; close?: React.CSSProperties; }; }; export type TagSemanticAllType = GenerateSemantic<TagSemanticType, TagProps>; export interface TagProps extends React.HTMLAttributes<HTMLSpanElement> { prefixCls?: string; className?: string; rootClassName?: string; color?: LiteralUnion<PresetColorType | PresetStatusColorType>; variant?: 'filled' | 'solid' | 'outlined'; /** Advised to use closeIcon instead. */ closable?: ClosableType; closeIcon?: React.ReactNode; onClose?: (e: React.MouseEvent<HTMLElement>) => void; style?: React.CSSProperties; icon?: React.ReactNode; /** @deprecated Please use `variant="filled"` instead */ bordered?: boolean; href?: string; target?: string; disabled?: boolean; classNames?: TagSemanticAllType['classNamesAndFn']; styles?: TagSemanticAllType['stylesAndFn']; } declare const InternalTag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLSpanElement | HTMLAnchorElement>>; export type TagType = typeof InternalTag & { CheckableTag: typeof CheckableTag; CheckableTagGroup: typeof CheckableTagGroup; }; declare const Tag: TagType; export default Tag;