antd
- Version 6.0.1
- Published
- 56.7 MB
- 48 dependencies
- MIT license
Install
npm i antdyarn add antdpnpm add antdOverview
An enterprise-class UI design language and React components implementation
Index
Variables
- Affix
- Alert
- Anchor
- App
- AutoComplete
- Avatar
- BackTop
- Badge
- Breadcrumb
- Button
- Calendar
- Card
- Carousel
- Cascader
- Checkbox
- Col
- Collapse
- ColorPicker
- ConfigProvider
- DatePicker
- Descriptions
- Divider
- Drawer
- Dropdown
- Empty
- Flex
- FloatButton
- Form
- Grid
- Image
- Input
- InputNumber
- Layout
- List
- Masonry
- Mentions
- Menu
- message
- Modal
- notification
- Pagination
- Popconfirm
- Popover
- Progress
- QRCode
- Radio
- Rate
- Result
- Row
- Segmented
- Select
- Skeleton
- Slider
- Space
- Spin
- Splitter
- Statistic
- Steps
- Switch
- Table
- Tabs
- Tag
- theme
- Timeline
- TimePicker
- Tooltip
- Tour
- Transfer
- Tree
- TreeSelect
- Typography
- unstableSetRender
- Upload
- version
- Watermark
Interfaces
ConfigProviderProps
- affix
- alert
- anchor
- autoInsertSpaceInButton
- avatar
- badge
- breadcrumb
- button
- calendar
- card
- cardMeta
- carousel
- cascader
- checkbox
- children
- collapse
- colorPicker
- componentDisabled
- componentSize
- csp
- datePicker
- descriptions
- direction
- divider
- drawer
- dropdown
- dropdownMatchSelectWidth
- empty
- flex
- floatButton
- floatButtonGroup
- form
- getPopupContainer
- getTargetContainer
- iconPrefixCls
- image
- input
- inputNumber
- inputSearch
- layout
- list
- locale
- masonry
- mentions
- menu
- message
- modal
- notification
- otp
- pagination
- popconfirm
- popover
- popupMatchSelectWidth
- popupOverflow
- prefixCls
- progress
- qrcode
- radio
- rangePicker
- rate
- renderEmpty
- result
- ribbon
- segmented
- select
- skeleton
- slider
- space
- spin
- splitter
- statistic
- steps
- switch
- table
- tabs
- tag
- textArea
- theme
- timeline
- timePicker
- tooltip
- tour
- transfer
- tree
- treeSelect
- typography
- upload
- variant
- virtual
- warning
- watermark
- wave
DropdownProps
- align
- arrow
- autoAdjustOverflow
- autoFocus
- children
- className
- classNames
- destroyOnHidden
- destroyPopupOnHide
- disabled
- dropdownRender
- forceRender
- getPopupContainer
- menu
- mouseEnterDelay
- mouseLeaveDelay
- onOpenChange
- open
- openClassName
- overlayClassName
- overlayStyle
- placement
- popupRender
- prefixCls
- rootClassName
- styles
- transitionName
- trigger
DropDownProps
- align
- arrow
- autoAdjustOverflow
- autoFocus
- children
- className
- classNames
- destroyOnHidden
- destroyPopupOnHide
- disabled
- dropdownRender
- forceRender
- getPopupContainer
- menu
- mouseEnterDelay
- mouseLeaveDelay
- onOpenChange
- open
- openClassName
- overlayClassName
- overlayStyle
- placement
- popupRender
- prefixCls
- rootClassName
- styles
- transitionName
- trigger
ModalFuncProps
- afterClose
- autoFocusButton
- bodyStyle
- cancelButtonProps
- cancelText
- centered
- className
- closeIcon
- content
- direction
- focusTriggerAfterClose
- footer
- getContainer
- icon
- keyboard
- mask
- maskClosable
- maskStyle
- maskTransitionName
- modalRender
- okButtonProps
- okCancel
- okText
- okType
- onCancel
- onOk
- open
- prefixCls
- rootClassName
- style
- title
- transitionName
- type
- width
- wrapClassName
- zIndex
ModalProps
- afterClose
- afterOpenChange
- bodyStyle
- cancelButtonProps
- cancelText
- centered
- children
- className
- closeIcon
- confirmLoading
- destroyOnClose
- destroyOnHidden
- focusTriggerAfterClose
- forceRender
- getContainer
- keyboard
- loading
- mask
- maskClosable
- maskStyle
- maskTransitionName
- modalRender
- mousePosition
- okButtonProps
- okText
- okType
- onCancel
- onOk
- open
- prefixCls
- rootClassName
- rootStyle
- style
- title
- transitionName
- width
- wrapClassName
- wrapProps
- zIndex
TableColumnType
- defaultFilteredValue
- defaultSortOrder
- filterDropdown
- filterDropdownOpen
- filterDropdownProps
- filtered
- filteredValue
- filterIcon
- filterMode
- filterMultiple
- filterOnClose
- filterResetToDefaultFilteredValue
- filters
- filterSearch
- onFilter
- onFilterDropdownOpenChange
- responsive
- showSorterTooltip
- sortDirections
- sorter
- sortIcon
- sortOrder
- title
TreeProps
- autoExpandParent
- blockNode
- checkable
- checkedKeys
- checkStrictly
- children
- className
- classNames
- defaultCheckedKeys
- defaultExpandAll
- defaultExpandedKeys
- defaultExpandParent
- defaultSelectedKeys
- disabled
- draggable
- expandedKeys
- filterAntTreeNode
- icon
- loadedKeys
- multiple
- prefixCls
- selectable
- selectedKeys
- showIcon
- showLine
- style
- styles
- switcherIcon
- switcherLoadingIcon
UploadProps
- accept
- action
- beforeUpload
- children
- className
- classNames
- customRequest
- data
- defaultFileList
- directory
- disabled
- fileList
- headers
- iconRender
- id
- isImageUrl
- itemRender
- listType
- locale
- maxCount
- method
- multiple
- name
- onChange
- onDownload
- onDrop
- onPreview
- onRemove
- openFileDialogOnClick
- prefixCls
- previewFile
- progress
- rootClassName
- showUploadList
- style
- styles
- supportServerRender
- type
- withCredentials
Type Aliases
Variables
variable Affix
const Affix: React.ForwardRefExoticComponent<any>;variable Alert
const Alert: any;variable Anchor
const Anchor: any;variable App
const App: any;variable AutoComplete
const AutoComplete: CompoundedComponent;variable Avatar
const Avatar: any;variable BackTop
const BackTop: React.FC<React.PropsWithChildren<BackTopProps>>;variable Badge
const Badge: any;variable Breadcrumb
const Breadcrumb: { <T extends AnyObject = AnyObject>(props: BreadcrumbProps<T>): React.JSX.Element; Item: React.FC<BreadcrumbItemProps> & { __ANT_BREADCRUMB_ITEM: boolean }; Separator: React.FC<{ children?: React.ReactNode | undefined }> & { __ANT_BREADCRUMB_SEPARATOR: boolean; }; displayName: string;};variable Button
const Button: any;variable Calendar
const Calendar: any;variable Card
const Card: CardInterface;variable Carousel
const Carousel: React.ForwardRefExoticComponent<any>;variable Cascader
const Cascader: (< OptionType extends DefaultOptionType = DefaultOptionType, ValueField extends keyof OptionType = keyof OptionType>( props: any) => React.ReactElement) & { displayName: string; SHOW_PARENT: typeof SHOW_PARENT; SHOW_CHILD: typeof SHOW_CHILD; Panel: typeof CascaderPanel; _InternalPanelDoNotUseOrYouWillBeFired: typeof PurePanel;};variable Checkbox
const Checkbox: any;variable Col
const Col: React.ForwardRefExoticComponent<any>;variable Collapse
const Collapse: any;variable ColorPicker
const ColorPicker: any;variable ConfigProvider
const ConfigProvider: any;variable DatePicker
const DatePicker: DatePickerType;variable Descriptions
const Descriptions: any;variable Divider
const Divider: React.FC<DividerProps>;variable Drawer
const Drawer: any;variable Dropdown
const Dropdown: any;variable Empty
const Empty: any;variable Flex
const Flex: React.ForwardRefExoticComponent<any>;variable FloatButton
const FloatButton: any;variable Form
const Form: CompoundedComponent;variable Grid
const Grid: { useBreakpoint: typeof useBreakpoint };variable Image
const Image: CompositionImage<ImageProps>;variable Input
const Input: any;variable InputNumber
const InputNumber: (<T extends ValueType = ValueType>( props: any) => React.ReactElement) & { displayName?: string; _InternalPanelDoNotUseOrYouWillBeFired: React.FC<InputNumberProps<ValueType>>;};variable Layout
const Layout: any;variable List
const List: CompoundedComponent;variable Masonry
const Masonry: (<ItemDataType = any>(props: any) => React.ReactElement) & Pick<React.FC, 'displayName'>;variable Mentions
const Mentions: any;variable Menu
const Menu: GenericComponent;variable message
const message: MessageMethods & BaseMethods;variable Modal
const Modal: any;variable notification
const notification: NoticeMethods & BaseMethods;variable Pagination
const Pagination: React.FC<PaginationProps>;variable Popconfirm
const Popconfirm: any;variable Popover
const Popover: any;variable Progress
const Progress: React.ForwardRefExoticComponent<any>;variable QRCode
const QRCode: React.FC<QRCodeProps>;variable Radio
const Radio: any;variable Rate
const Rate: React.ForwardRefExoticComponent<any>;variable Result
const Result: ResultType;variable Row
const Row: React.ForwardRefExoticComponent<any>;variable Segmented
const Segmented: (<ValueType>(props: any) => ReturnType<typeof InternalSegmented>) & Pick<React.FC, 'displayName'>;variable Select
const Select: (<ValueType = any, OptionType extends unknown = DefaultOptionType>( props: any) => React.ReactElement) & { displayName?: string; SECRET_COMBOBOX_MODE_DO_NOT_USE: string; Option: any; OptGroup: any; _InternalPanelDoNotUseOrYouWillBeFired: typeof PurePanel;};variable Skeleton
const Skeleton: any;variable Slider
const Slider: React.ForwardRefExoticComponent<any>;variable Space
const Space: any;variable Spin
const Spin: any;variable Splitter
const Splitter: any;variable Statistic
const Statistic: any;variable Steps
const Steps: { (props: StepsProps): React.JSX.Element; displayName: string };variable Switch
const Switch: any;variable Table
const Table: RefTable & { displayName?: string; SELECTION_COLUMN: typeof SELECTION_COLUMN; EXPAND_COLUMN: any; SELECTION_ALL: typeof SELECTION_ALL; SELECTION_INVERT: typeof SELECTION_INVERT; SELECTION_NONE: typeof SELECTION_NONE; Column: typeof Column; ColumnGroup: typeof ColumnGroup; Summary: any;};variable Tabs
const Tabs: any;variable Tag
const Tag: any;variable theme
const theme: { defaultSeed: import('./interface').SeedToken; useToken: typeof useToken; defaultAlgorithm: typeof defaultAlgorithm; darkAlgorithm: any; compactAlgorithm: any; getDesignToken: ( config?: import('..').ThemeConfig ) => import('./interface').AliasToken; defaultConfig: { token: import('./interface').SeedToken; override: { override: import('./interface').SeedToken }; hashed: boolean; }; _internalContext: any;};variable Timeline
const Timeline: any;variable TimePicker
const TimePicker: any;variable Tooltip
const Tooltip: any;variable Tour
const Tour: any;variable Transfer
const Transfer: { <RecordType extends TransferItem = TransferItem>( props: TransferProps<RecordType> ): React.JSX.Element; displayName: string; List: { <RecordType extends KeyWiseTransferItem>( props: TransferListProps<RecordType> ): React.JSX.Element; displayName: string; }; Search: React.FC<TransferSearchProps>; Operation: React.FC<TransferOperationProps>;};variable Tree
const Tree: CompoundedComponent;variable TreeSelect
const TreeSelect: CompoundedComponent;variable Typography
const Typography: any;variable unstableSetRender
const unstableSetRender: any;variable Upload
const Upload: any;variable version
const version: string;variable Watermark
const Watermark: React.FC<WatermarkProps>;Interfaces
interface AffixProps
interface AffixProps {}property children
children: React.ReactNode;property className
className?: string;property offsetBottom
offsetBottom?: number;Triggered when the specified offset is reached from the bottom of the window
property offsetTop
offsetTop?: number;Triggered when the specified offset is reached from the top of the window
property onChange
onChange?: (affixed?: boolean) => void;Callback function triggered when fixed state changes
property prefixCls
prefixCls?: string;property rootClassName
rootClassName?: string;property style
style?: React.CSSProperties;property target
target?: () => Window | HTMLElement | null;Set the element that Affix needs to listen to its scroll event, the value is a function that returns the corresponding DOM element
interface AffixRef
interface AffixRef {}property updatePosition
updatePosition: ReturnType<typeof throttleByAnimationFrame>;interface AlertProps
interface AlertProps {}property action
action?: React.ReactNode;property afterClose
afterClose?: () => void;Deprecated
please use
closable.afterCloseinstead.
property banner
banner?: boolean;property className
className?: string;property classNames
classNames?: AlertClassNamesType;property closable
closable?: | boolean | (Exclude<ClosableType, boolean> & { /** Callback when close Alert */ onClose?: React.MouseEventHandler<HTMLButtonElement>; });Whether Alert can be closed
property closeIcon
closeIcon?: React.ReactNode;Deprecated
please use
closable.closeIconinstead.
property closeText
closeText?: React.ReactNode;Deprecated
please use
closable.closeIconinstead. Close text to show
property description
description?: React.ReactNode;Additional content of Alert
property icon
icon?: React.ReactNode;property id
id?: string;property message
message?: React.ReactNode;Deprecated
please use
titleinstead.
property onClick
onClick?: React.MouseEventHandler<HTMLDivElement>;property onClose
onClose?: React.MouseEventHandler<HTMLButtonElement>;Deprecated
please use
closable.onCloseinstead.
property onMouseEnter
onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;property onMouseLeave
onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;property prefixCls
prefixCls?: string;property role
role?: string;https://www.w3.org/TR/2014/REC-html5-20141028/dom.html#aria-role-attribute
property rootClassName
rootClassName?: string;property showIcon
showIcon?: boolean;Whether to show icon
property style
style?: React.CSSProperties;property styles
styles?: AlertStylesType;property title
title?: React.ReactNode;Content of Alert
property type
type?: 'success' | 'info' | 'warning' | 'error';Type of Alert styles, options:
success,info,warning,error
interface AnchorLinkProps
interface AnchorLinkProps extends AnchorLinkBaseProps {}property children
children?: React.ReactNode;interface AnchorProps
interface AnchorProps {}property affix
affix?: boolean | Omit<AffixProps, 'offsetTop' | 'target' | 'children'>;property bounds
bounds?: number;property children
children?: React.ReactNode;Deprecated
Please use
itemsinstead.
property className
className?: string;property classNames
classNames?: AnchorClassNamesType;property direction
direction?: AnchorDirection;property getContainer
getContainer?: () => AnchorContainer;property getCurrentAnchor
getCurrentAnchor?: (activeLink: string) => string;Return customize highlight anchor
property items
items?: AnchorLinkItemProps[];property offsetTop
offsetTop?: number;property onChange
onChange?: (currentActiveLink: string) => void;Listening event when scrolling change active link
property onClick
onClick?: ( e: React.MouseEvent<HTMLElement>, link: { title: React.ReactNode; href: string; }) => void;property prefixCls
prefixCls?: string;property replace
replace?: boolean;property rootClassName
rootClassName?: string;property showInkInFixed
showInkInFixed?: boolean;property style
style?: React.CSSProperties;property styles
styles?: AnchorStylesType;property targetOffset
targetOffset?: number;Scroll to target offset value, if none, it's offsetTop prop value or 0.
interface AppProps
interface AppProps<P = AnyObject> extends AppConfig {}interface AutoCompleteProps
interface AutoCompleteProps< ValueType = any, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType> extends Omit< InternalSelectProps<ValueType, OptionType>, 'loading' | 'mode' | 'optionLabelProp' | 'labelInValue' > {}property classNames
classNames?: AutoCompleteClassNamesType;property dataSource
dataSource?: DataSourceItemType[];Deprecated
Please use
optionsinstead
property dropdownClassName
dropdownClassName?: string;Deprecated
Please use
classNames.popup.rootinstead
property dropdownMatchSelectWidth
dropdownMatchSelectWidth?: boolean | number;Deprecated
Please use
popupMatchSelectWidthinstead
property dropdownRender
dropdownRender?: (menu: React.ReactElement) => React.ReactElement;Deprecated
Please use
popupRenderinstead
property dropdownStyle
dropdownStyle?: React.CSSProperties;Deprecated
Please use
styles.popup.rootinstead
property onDropdownVisibleChange
onDropdownVisibleChange?: (visible: boolean) => void;Deprecated
Please use
onOpenChangeinstead
property onOpenChange
onOpenChange?: (visible: boolean) => void;property popupClassName
popupClassName?: string;Deprecated
Please use
classNames.popup.rootinstead
property popupMatchSelectWidth
popupMatchSelectWidth?: boolean | number;property popupRender
popupRender?: (menu: React.ReactElement) => React.ReactElement;property status
status?: InputStatus;property styles
styles?: AutoCompleteStylesType;interface AvatarProps
interface AvatarProps {}property alt
alt?: string;property children
children?: React.ReactNode;property className
className?: string;property crossOrigin
crossOrigin?: '' | 'anonymous' | 'use-credentials';property draggable
draggable?: boolean | 'true' | 'false';property gap
gap?: number;property icon
icon?: React.ReactNode;Icon to be used in avatar
property onClick
onClick?: (e?: React.MouseEvent<HTMLElement>) => void;property onError
onError?: () => boolean;property prefixCls
prefixCls?: string;property rootClassName
rootClassName?: string;property shape
shape?: 'circle' | 'square';Shape of avatar, options:
circle,square
property size
size?: AvatarSize;property src
src?: React.ReactNode;Src of image avatar
property srcSet
srcSet?: string;Srcset of image avatar
property style
style?: React.CSSProperties;interface BackTopProps
interface BackTopProps {}property className
className?: string;property duration
duration?: number;property onClick
onClick?: React.MouseEventHandler<HTMLElement>;property prefixCls
prefixCls?: string;property rootClassName
rootClassName?: string;property style
style?: React.CSSProperties;property target
target?: () => HTMLElement | Window | Document;property visibilityHeight
visibilityHeight?: number;interface BadgeProps
interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {}property children
children?: React.ReactNode;property className
className?: string;property classNames
classNames?: BadgeClassNamesType;property color
color?: LiteralUnion<PresetColorKey>;property count
count?: React.ReactNode;Number to show in badge
property dot
dot?: boolean;Whether to show red dot without number
property offset
offset?: [number | string, number | string];property overflowCount
overflowCount?: number;Max count to show
property prefixCls
prefixCls?: string;property rootClassName
rootClassName?: string;property scrollNumberPrefixCls
scrollNumberPrefixCls?: string;property showZero
showZero?: boolean;property size
size?: 'default' | 'small';property status
status?: PresetStatusColorType;property style
style?: React.CSSProperties;property styles
styles?: BadgeStylesType;property text
text?: React.ReactNode;property title
title?: string;interface BreadcrumbItemProps
interface BreadcrumbItemProps extends SeparatorType {}property children
children?: React.ReactNode;property className
className?: string;property dropdownProps
dropdownProps?: DropdownProps;property href
href?: string;property menu
menu?: Omit<MenuType, 'items'> & { items?: MenuItem[];};property onClick
onClick?: React.MouseEventHandler<HTMLAnchorElement | HTMLSpanElement>;property prefixCls
prefixCls?: string;property style
style?: React.CSSProperties;interface BreadcrumbProps
interface BreadcrumbProps<T extends AnyObject = AnyObject> {}property children
children?: React.ReactNode;property className
className?: string;property classNames
classNames?: BreadcrumbClassNamesType<T>;property itemRender
itemRender?: ( route: ItemType, params: T, routes: ItemType[], paths: string[]) => React.ReactNode;property items
items?: ItemType[];property params
params?: T;property prefixCls
prefixCls?: string;property rootClassName
rootClassName?: string;property routes
routes?: ItemType[];Deprecated
Please use
itemsinstead
property separator
separator?: React.ReactNode;property style
style?: React.CSSProperties;property styles
styles?: BreadcrumbStylesType<T>;interface ButtonProps
interface ButtonProps extends BaseButtonProps, MergedHTMLAttributes {}property autoInsertSpace
autoInsertSpace?: boolean;property href
href?: string;property htmlType
htmlType?: ButtonHTMLType;interface CalendarProps
interface CalendarProps<DateType> {}property cellRender
cellRender?: (date: DateType, info: CellRenderInfo<DateType>) => React.ReactNode;property className
className?: string;property classNames
classNames?: CalendarClassNamesType<DateType>;property dateCellRender
dateCellRender?: (date: DateType) => React.ReactNode;Deprecated
Please use cellRender instead.
property dateFullCellRender
dateFullCellRender?: (date: DateType) => React.ReactNode;Deprecated
Please use fullCellRender instead.
property defaultValue
defaultValue?: DateType;property disabledDate
disabledDate?: (date: DateType) => boolean;property fullCellRender
fullCellRender?: ( date: DateType, info: CellRenderInfo<DateType>) => React.ReactNode;property fullscreen
fullscreen?: boolean;property headerRender
headerRender?: HeaderRender<DateType>;property locale
locale?: typeof enUS;property mode
mode?: CalendarMode;property monthCellRender
monthCellRender?: (date: DateType) => React.ReactNode;Deprecated
Please use cellRender instead.
property monthFullCellRender
monthFullCellRender?: (date: DateType) => React.ReactNode;Deprecated
Please use fullCellRender instead.
property onChange
onChange?: (date: DateType) => void;property onPanelChange
onPanelChange?: (date: DateType, mode: CalendarMode) => void;property onSelect
onSelect?: (date: DateType, selectInfo: SelectInfo) => void;property prefixCls
prefixCls?: string;property rootClassName
rootClassName?: string;property showWeek
showWeek?: boolean;property style
style?: React.CSSProperties;property styles
styles?: CalendarStylesType<DateType>;property validRange
validRange?: [DateType, DateType];property value
value?: DateType;interface CardMetaProps
interface CardMetaProps {}property avatar
avatar?: React.ReactNode;property className
className?: string;property classNames
classNames?: CardMetaClassNamesType;property description
description?: React.ReactNode;property prefixCls
prefixCls?: string;property style
style?: React.CSSProperties;property styles
styles?: CardMetaStylesType;property title
title?: React.ReactNode;interface CardProps
interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {}property actions
actions?: React.ReactNode[];property activeTabKey
activeTabKey?: string;property bodyStyle
bodyStyle?: React.CSSProperties;Deprecated
Please use
styles.bodyinstead
property bordered
bordered?: boolean;Deprecated
Please use
variantinstead
property children
children?: React.ReactNode;property className
className?: string;property classNames
classNames?: CardClassNamesType;property cover
cover?: React.ReactNode;property defaultActiveTabKey
defaultActiveTabKey?: string;property extra
extra?: React.ReactNode;property headStyle
headStyle?: React.CSSProperties;Deprecated
Please use
styles.headerinstead
property hoverable
hoverable?: boolean;property id
id?: string;property loading
loading?: boolean;property onTabChange
onTabChange?: (key: string) => void;property prefixCls
prefixCls?: string;property rootClassName
rootClassName?: string;property size
size?: CardSize;property style
style?: React.CSSProperties;property styles
styles?: CardStylesType;property tabBarExtraContent
tabBarExtraContent?: TabBarExtraContent;property tabList
tabList?: CardTabListType[];property tabProps
tabProps?: TabsProps;property title
title?: React.ReactNode;property type
type?: CardType;property variant
variant?: 'borderless' | 'outlined';interface CarouselProps
interface CarouselProps extends Omit<Settings, 'dots' | 'dotsClass' | 'autoplay'> {}property autoplay
autoplay?: | boolean | { dotDuration?: boolean; };property children
children?: React.ReactNode;property dotPlacement
dotPlacement?: DotPlacement;property dotPosition
dotPosition?: DotPlacement | 'left' | 'right';Deprecated
Please use
dotPlacementinstead
property dots
dots?: | boolean | { className?: string; };property effect
effect?: CarouselEffect;property id
id?: string;property prefixCls
prefixCls?: string;property rootClassName
rootClassName?: string;property slickGoTo
slickGoTo?: number;property style
style?: React.CSSProperties;property waitForAnimate
waitForAnimate?: boolean;interface CascaderProps
interface CascaderProps< OptionType extends DefaultOptionType = DefaultOptionType, ValueField extends keyof OptionType = keyof OptionType, Multiple extends boolean = boolean> extends Omit< RcCascaderProps<OptionType, ValueField, Multiple>, 'checkable' | 'classNames' | 'styles' > {}property bordered
bordered?: boolean;Deprecated
Use
variantinstead.
property classNames
classNames?: CascaderClassNamesType;property disabled
disabled?: boolean;property dropdownClassName
dropdownClassName?: string;Deprecated
Please use
classNames.popup.rootinstead
property dropdownMenuColumnStyle
dropdownMenuColumnStyle?: React.CSSProperties;Deprecated
Please use
popupMenuColumnStyleinstead
property dropdownRender
dropdownRender?: (menu: React.ReactElement) => React.ReactElement;Deprecated
Please use
popupRenderinstead
property dropdownStyle
dropdownStyle?: React.CSSProperties;Deprecated
Please use
styles.popup.rootinstead
property multiple
multiple?: Multiple;property onDropdownVisibleChange
onDropdownVisibleChange?: (visible: boolean) => void;Deprecated
Please use
onOpenChangeinstead
property onOpenChange
onOpenChange?: (visible: boolean) => void;property onPopupVisibleChange
onPopupVisibleChange?: (visible: boolean) => void;Deprecated
Please use
onOpenChangeinstead
property options
options?: OptionType[];property placement
placement?: SelectCommonPlacement;property popupClassName
popupClassName?: string;Deprecated
Please use
classNames.popup.rootinstead
property popupMenuColumnStyle
popupMenuColumnStyle?: React.CSSProperties;property popupRender
popupRender?: (menu: React.ReactElement) => React.ReactElement;property rootClassName
rootClassName?: string;property showArrow
showArrow?: boolean;Deprecated
showArrowis deprecated which will be removed in next major version. It will be a default behavior, you can hide it by settingsuffixIconto null.
property size
size?: SizeType;property status
status?: InputStatus;property styles
styles?: CascaderStylesType;property suffixIcon
suffixIcon?: React.ReactNode;property variant
variant?: Variant;5.13.0 "outlined"
interface CheckboxChangeEvent
interface CheckboxChangeEvent {}property nativeEvent
nativeEvent: MouseEvent;property preventDefault
preventDefault: () => void;property stopPropagation
stopPropagation: () => void;property target
target: CheckboxChangeEventTarget;interface CheckboxOptionType
interface CheckboxOptionType<T = any> {}property className
className?: string;property disabled
disabled?: boolean;property id
id?: string;property label
label: React.ReactNode;property onChange
onChange?: (e: CheckboxChangeEvent) => void;property required
required?: boolean;property style
style?: React.CSSProperties;property title
title?: string;property value
value: T;interface CheckboxProps
interface CheckboxProps extends AbstractCheckboxProps<CheckboxChangeEvent> {}property classNames
classNames?: CheckboxClassNamesType;property indeterminate
indeterminate?: boolean;property styles
styles?: CheckboxStylesType;interface CollapsePanelProps
interface CollapsePanelProps {}property children
children?: React.ReactNode;property className
className?: string;property collapsible
collapsible?: CollapsibleType;property extra
extra?: React.ReactNode;property forceRender
forceRender?: boolean;property header
header: React.ReactNode;property id
id?: string;property key
key: string | number;property prefixCls
prefixCls?: string;property showArrow
showArrow?: boolean;property style
style?: React.CSSProperties;interface CollapseProps
interface CollapseProps extends Pick<RcCollapseProps, 'items'> {}property accordion
accordion?: boolean;手风琴效果
property activeKey
activeKey?: Array<string | number> | string | number;property bordered
bordered?: boolean;property children
children?: React.ReactNode;Deprecated
use
itemsinstead
property className
className?: string;property classNames
classNames?: CollapseClassNamesType;property collapsible
collapsible?: CollapsibleType;property defaultActiveKey
defaultActiveKey?: Array<string | number> | string | number;property destroyInactivePanel
destroyInactivePanel?: boolean;Deprecated
Please use
destroyOnHiddeninstead
property destroyOnHidden
destroyOnHidden?: boolean;5.25.0
property expandIcon
expandIcon?: (panelProps: PanelProps) => React.ReactNode;property expandIconPlacement
expandIconPlacement?: ExpandIconPlacement;property expandIconPosition
expandIconPosition?: ExpandIconPlacement;Deprecated
Please use
expandIconPlacementinstead
property ghost
ghost?: boolean;property onChange
onChange?: (key: string[]) => void;property prefixCls
prefixCls?: string;property rootClassName
rootClassName?: string;property size
size?: SizeType;property style
style?: React.CSSProperties;property styles
styles?: CollapseStylesType;interface ColProps
interface ColProps extends React.HTMLAttributes<HTMLDivElement>, Partial<Record<Breakpoint, ColSpanType | ColSize>> {}interface ConfigProviderProps
interface ConfigProviderProps {}property affix
affix?: ComponentStyleConfig;property alert
alert?: AlertConfig;property anchor
anchor?: ComponentStyleConfig;property autoInsertSpaceInButton
autoInsertSpaceInButton?: boolean;Deprecated
Please use
{ button: { autoInsertSpace: boolean }}instead
property avatar
avatar?: ComponentStyleConfig;property badge
badge?: BadgeConfig;property breadcrumb
breadcrumb?: BreadcrumbConfig;property button
button?: ButtonConfig;property calendar
calendar?: ComponentStyleConfig;property card
card?: CardConfig;property cardMeta
cardMeta?: CardMetaConfig;property carousel
carousel?: ComponentStyleConfig;property cascader
cascader?: CascaderConfig;property checkbox
checkbox?: CheckboxConfig;property children
children?: React.ReactNode;property collapse
collapse?: CollapseConfig;property colorPicker
colorPicker?: ComponentStyleConfig;property componentDisabled
componentDisabled?: boolean;property componentSize
componentSize?: SizeType;property csp
csp?: CSPConfig;property datePicker
datePicker?: DatePickerConfig;property descriptions
descriptions?: ComponentStyleConfig;property direction
direction?: DirectionType;设置布局展示方向。 Set direction of layout. ltr
property divider
divider?: ComponentStyleConfig;property drawer
drawer?: DrawerConfig;property dropdown
dropdown?: ComponentStyleConfig;property dropdownMatchSelectWidth
dropdownMatchSelectWidth?: boolean;Deprecated
Please use
popupMatchSelectWidthinstead
property empty
empty?: EmptyConfig;property flex
flex?: FlexConfig;property floatButton
floatButton?: FloatButtonConfig;property floatButtonGroup
floatButtonGroup?: FloatButtonGroupConfig;property form
form?: FormConfig;property getPopupContainer
getPopupContainer?: (triggerNode?: HTMLElement) => HTMLElement | ShadowRoot;property getTargetContainer
getTargetContainer?: () => HTMLElement | Window | ShadowRoot;property iconPrefixCls
iconPrefixCls?: string;property image
image?: ImageConfig;property input
input?: InputConfig;property inputNumber
inputNumber?: InputNumberConfig;property inputSearch
inputSearch?: InputSearchConfig;property layout
layout?: ComponentStyleConfig;property list
list?: ListConfig;property locale
locale?: Locale;语言包配置,语言包可到
antd/locale目录下寻找。 Language package setting, you can find the packages inantd/locale.
property masonry
masonry?: MasonryConfig;property mentions
mentions?: MentionsConfig;property menu
menu?: MenuConfig;property message
message?: MessageConfig;property modal
modal?: ModalConfig;property notification
notification?: NotificationConfig;property otp
otp?: OTPConfig;property pagination
pagination?: PaginationConfig;property popconfirm
popconfirm?: PopconfirmConfig;property popover
popover?: PopoverConfig;property popupMatchSelectWidth
popupMatchSelectWidth?: boolean;property popupOverflow
popupOverflow?: PopupOverflow;property prefixCls
prefixCls?: string;property progress
progress?: ComponentStyleConfig;property qrcode
qrcode?: QRcodeConfig;property radio
radio?: RadioConfig;property rangePicker
rangePicker?: RangePickerConfig;property rate
rate?: ComponentStyleConfig;property renderEmpty
renderEmpty?: RenderEmptyHandler;property result
result?: ComponentStyleConfig;property ribbon
ribbon?: RibbonConfig;property segmented
segmented?: ComponentStyleConfig;property select
select?: SelectConfig;property skeleton
skeleton?: SkeletonConfig;property slider
slider?: ComponentStyleConfig;property space
space?: SpaceConfig;property spin
spin?: SpinConfig;property splitter
splitter?: ComponentStyleConfig;property statistic
statistic?: ComponentStyleConfig;property steps
steps?: ComponentStyleConfig;property switch
switch?: ComponentStyleConfig;property table
table?: TableConfig;property tabs
tabs?: TabsConfig;property tag
tag?: TagConfig;property textArea
textArea?: TextAreaConfig;property theme
theme?: ThemeConfig;property timeline
timeline?: ComponentStyleConfig;property timePicker
timePicker?: TimePickerConfig;property tooltip
tooltip?: TooltipConfig;property tour
tour?: TourConfig;property transfer
transfer?: TransferConfig;property tree
tree?: ComponentStyleConfig;property treeSelect
treeSelect?: TreeSelectConfig;property typography
typography?: ComponentStyleConfig;property upload
upload?: UploadConfig;property variant
variant?: Variant;property virtual
virtual?: boolean;设置
false时关闭虚拟滚动。 Close the virtual scrolling when settingfalse. true
property warning
warning?: WarningContextProps;property watermark
watermark?: ComponentStyleConfig;property wave
wave?: WaveConfig;Wave is special component which only patch on the effect of component interaction.
interface CountdownProps
interface CountdownProps extends StatisticProps {}interface DescriptionsProps
interface DescriptionsProps {}property bordered
bordered?: boolean;property children
children?: React.ReactNode;Deprecated
use
itemsinstead
property className
className?: string;property classNames
classNames?: DescriptionsClassNamesType;property colon
colon?: boolean;property column
column?: number | Partial<Record<Breakpoint, number>>;property contentStyle
contentStyle?: React.CSSProperties;property extra
extra?: React.ReactNode;property id
id?: string;property items
items?: DescriptionsItemType[];property labelStyle
labelStyle?: React.CSSProperties;property layout
layout?: 'horizontal' | 'vertical';property prefixCls
prefixCls?: string;property rootClassName
rootClassName?: string;property size
size?: 'middle' | 'small' | 'default';property style
style?: React.CSSProperties;property styles
styles?: DescriptionsStylesType;property title
title?: React.ReactNode;interface DividerProps
interface DividerProps {}property children
children?: React.ReactNode;property className
className?: string;property classNames
classNames?: DividerClassNamesType;property dashed
dashed?: boolean;property orientation
orientation?: Orientation;property orientationMargin
orientationMargin?: string | number;Deprecated
please use
styles.content.margin
property plain
plain?: boolean;property prefixCls
prefixCls?: string;property rootClassName
rootClassName?: string;property size
size?: SizeType;property style
style?: React.CSSProperties;property styles
styles?: DividerStylesType;property titlePlacement
titlePlacement?: TitlePlacement;property type
type?: Orientation;Deprecated
please use
orientation
property variant
variant?: 'dashed' | 'dotted' | 'solid';5.20.0 solid
property vertical
vertical?: boolean;interface DrawerProps
interface DrawerProps extends Omit< RcDrawerProps, | 'maskStyle' | 'destroyOnClose' | 'mask' | 'resizable' | 'classNames' | 'styles' >, Omit<DrawerPanelProps, 'prefixCls' | 'ariaId'> {}property afterOpenChange
afterOpenChange?: (open: boolean) => void;property destroyOnClose
destroyOnClose?: boolean;Deprecated
Please use
destroyOnHiddeninstead
property destroyOnHidden
destroyOnHidden?: boolean;5.25.0
property mask
mask?: MaskType;property open
open?: boolean;property resizable
resizable?: DrawerResizableConfig;property size
size?: sizeType | number;interface DropdownProps
interface DropdownProps {}property align
align?: AlignType;property arrow
arrow?: boolean | DropdownArrowOptions;property autoAdjustOverflow
autoAdjustOverflow?: boolean | AdjustOverflow;property autoFocus
autoFocus?: boolean;property children
children?: React.ReactNode;property className
className?: string;property classNames
classNames?: DropdownClassNamesType;property destroyOnHidden
destroyOnHidden?: boolean;5.25.0
property destroyPopupOnHide
destroyPopupOnHide?: boolean;Deprecated
Please use
destroyOnHiddeninstead
property disabled
disabled?: boolean;property dropdownRender
dropdownRender?: (originNode: React.ReactNode) => React.ReactNode;Deprecated
Please use
popupRenderinstead
property forceRender
forceRender?: boolean;property getPopupContainer
getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;property menu
menu?: MenuProps & { activeKey?: RcMenuProps['activeKey'];};property mouseEnterDelay
mouseEnterDelay?: number;property mouseLeaveDelay
mouseLeaveDelay?: number;property onOpenChange
onOpenChange?: ( open: boolean, info: { source: 'trigger' | 'menu'; }) => void;property open
open?: boolean;property openClassName
openClassName?: string;property overlayClassName
overlayClassName?: string;Deprecated
please use
classNames.rootinstead.
property overlayStyle
overlayStyle?: React.CSSProperties;Deprecated
please use
styles.rootinstead.
property placement
placement?: Placement;property popupRender
popupRender?: (originNode: React.ReactNode) => React.ReactNode;property prefixCls
prefixCls?: string;property rootClassName
rootClassName?: string;property styles
styles?: DropdownStylesType;property transitionName
transitionName?: string;property trigger
trigger?: ('click' | 'hover' | 'contextMenu')[];interface DropDownProps
interface DropdownProps {}property align
align?: AlignType;property arrow
arrow?: boolean | DropdownArrowOptions;property autoAdjustOverflow
autoAdjustOverflow?: boolean | AdjustOverflow;property autoFocus
autoFocus?: boolean;property children
children?: React.ReactNode;property className
className?: string;property classNames
classNames?: DropdownClassNamesType;property destroyOnHidden
destroyOnHidden?: boolean;5.25.0
property destroyPopupOnHide
destroyPopupOnHide?: boolean;Deprecated
Please use
destroyOnHiddeninstead
property disabled
disabled?: boolean;property dropdownRender
dropdownRender?: (originNode: React.ReactNode) => React.ReactNode;Deprecated
Please use
popupRenderinstead
property forceRender
forceRender?: boolean;property getPopupContainer
getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;property menu
menu?: MenuProps & { activeKey?: RcMenuProps['activeKey'];};property mouseEnterDelay
mouseEnterDelay?: number;property mouseLeaveDelay
mouseLeaveDelay?: number;property onOpenChange
onOpenChange?: ( open: boolean, info: { source: 'trigger' | 'menu'; }) => void;property open
open?: boolean;property openClassName
openClassName?: string;property overlayClassName
overlayClassName?: string;Deprecated
please use
classNames.rootinstead.
property overlayStyle
overlayStyle?: React.CSSProperties;Deprecated
please use
styles.rootinstead.
property placement
placement?: Placement;property popupRender
popupRender?: (originNode: React.ReactNode) => React.ReactNode;property prefixCls
prefixCls?: string;property rootClassName
rootClassName?: string;property styles
styles?: DropdownStylesType;property transitionName
transitionName?: string;property trigger
trigger?: ('click' | 'hover' | 'contextMenu')[];interface EmptyProps
interface EmptyProps {}property children
children?: React.ReactNode;property className
className?: string;property classNames
classNames?: EmptyClassNamesType;property description
description?: React.ReactNode;property image
image?: React.ReactNode;property imageStyle
imageStyle?: React.CSSProperties;Deprecated
Please use
styles.imageinstead
property prefixCls
prefixCls?: string;property rootClassName
rootClassName?: string;property style
style?: React.CSSProperties;property styles
styles?: EmptyStylesType;interface FlexProps
interface FlexProps<P = AnyObject> extends React.HTMLAttributes<HTMLElement> {}property align
align?: React.CSSProperties['alignItems'];property component
component?: CustomComponent<P>;property flex
flex?: React.CSSProperties['flex'];property gap
gap?: LiteralUnion<SizeType, React.CSSProperties['gap']>;property justify
justify?: React.CSSProperties['justifyContent'];property orientation
orientation?: Orientation;property prefixCls
prefixCls?: string;property rootClassName
rootClassName?: string;property vertical
vertical?: boolean;property wrap
wrap?: boolean | React.CSSProperties['flexWrap'];interface FloatButtonGroupProps
interface FloatButtonGroupProps extends Omit<FloatButtonProps, 'classNames' | 'styles'> {}property children
children: React.ReactNode;property classNames
classNames?: FloatButtonGroupClassNamesType;property closeIcon
closeIcon?: React.ReactNode;property onOpenChange
onOpenChange?: (open: boolean) => void;property open
open?: boolean;property placement
placement?: 'top' | 'left' | 'right' | 'bottom';property styles
styles?: FloatButtonGroupStylesType;property trigger
trigger?: FloatButtonGroupTrigger;interface FloatButtonProps
interface FloatButtonProps extends React.DOMAttributes<FloatButtonElement> {}property 'aria-label'
'aria-label'?: React.HtmlHTMLAttributes<HTMLElement>['aria-label'];property badge
badge?: FloatButtonBadgeProps;property className
className?: string;property classNames
classNames?: FloatButtonClassNamesType;property content
content?: React.ReactNode;property description
description?: React.ReactNode;Deprecated
Please use
contentinstead.
property href
href?: string;property htmlType
htmlType?: ButtonHTMLType;5.21.0 button
property icon
icon?: React.ReactNode;property prefixCls
prefixCls?: string;property rootClassName
rootClassName?: string;property shape
shape?: FloatButtonShape;property style
style?: React.CSSProperties;property styles
styles?: FloatButtonStylesType;property target
target?: React.HTMLAttributeAnchorTarget;property tooltip
tooltip?: React.ReactNode | TooltipProps;property type
type?: FloatButtonType;interface FloatButtonRef
interface FloatButtonRef {}property nativeElement
nativeElement: FloatButtonElement | null;interface FormInstance
interface FormInstance<Values = any> extends RcFormInstance<Values> {}property focusField
focusField: (name: NamePath) => void;property getFieldInstance
getFieldInstance: (name: NamePath) => any;property scrollToField
scrollToField: (name: NamePath, options?: ScrollOptions) => void;interface FormItemProps
interface FormItemProps<Values = any> extends Omit<FormItemLabelProps, 'requiredMark'>, FormItemInputProps, RcFieldProps<Values> {}property children
children?: ChildrenType<Values>;property className
className?: string;property hasFeedback
hasFeedback?: | boolean | { icons: FeedbackIcons; };property hidden
hidden?: boolean;property id
id?: string;property initialValue
initialValue?: any;property layout
layout?: FormItemLayout;property messageVariables
messageVariables?: Record<string, string>;property noStyle
noStyle?: boolean;property prefixCls
prefixCls?: string;property required
required?: boolean;property rootClassName
rootClassName?: string;property style
style?: React.CSSProperties;property tooltip
tooltip?: LabelTooltipType;property validateStatus
validateStatus?: ValidateStatus;interface FormListFieldData
interface FormListFieldData {}interface FormListOperation
interface FormListOperation {}interface FormProps
interface FormProps<Values = any> extends Omit<RcFormProps<Values>, 'form'> {}property classNames
classNames?: FormClassNamesType;property colon
colon?: boolean;property disabled
disabled?: boolean;property feedbackIcons
feedbackIcons?: FeedbackIcons;property form
form?: FormInstance<Values>;property labelAlign
labelAlign?: FormLabelAlign;property labelCol
labelCol?: ColProps;property labelWrap
labelWrap?: boolean;property layout
layout?: FormLayout;property name
name?: string;property prefixCls
prefixCls?: string;property requiredMark
requiredMark?: RequiredMark;property rootClassName
rootClassName?: string;property scrollToFirstError
scrollToFirstError?: ScrollFocusOptions | boolean;property size
size?: SizeType;property styles
styles?: FormStylesType;property variant
variant?: Variant;property wrapperCol
wrapperCol?: ColProps;interface ImageProps
interface ImageProps extends Omit<RcImageProps, 'preview' | 'classNames' | 'styles'> {}property classNames
classNames?: ImageClassNamesType;property preview
preview?: boolean | PreviewConfig;property styles
styles?: ImageStylesType;property wrapperStyle
wrapperStyle?: React.CSSProperties;Deprecated
Use
styles.rootinstead
interface InputNumberProps
interface InputNumberProps<T extends ValueType = ValueType> extends Omit< RcInputNumberProps<T>, 'prefix' | 'size' | 'controls' | 'classNames' | 'styles' > {}property addonAfter
addonAfter?: React.ReactNode;Example 1
import { Space, InputNumber } from 'antd';<Space.Compact><InputNumber defaultValue={1} />{addon}</Space.Compact>Deprecated
Use
Space.Compactinstead.
property addonBefore
addonBefore?: React.ReactNode;Example 1
import { Space, InputNumber } from 'antd';<Space.Compact>{addon}<InputNumber defaultValue={1} /></Space.Compact>Deprecated
Use
Space.Compactinstead.
property bordered
bordered?: boolean;Deprecated
Use
variantinstead.
property classNames
classNames?: InputNumberClassNamesType;property controls
controls?: | boolean | { upIcon?: React.ReactNode; downIcon?: React.ReactNode; };property disabled
disabled?: boolean;property prefix
prefix?: React.ReactNode;property prefixCls
prefixCls?: string;property rootClassName
rootClassName?: string;property size
size?: SizeType;property status
status?: InputStatus;property styles
styles?: InputNumberStylesType;property suffix
suffix?: React.ReactNode;property variant
variant?: Variant;5.13.0 "outlined"
interface InputProps
interface InputProps extends Omit< RcInputProps, | 'wrapperClassName' | 'groupClassName' | 'inputClassName' | 'affixWrapperClassName' | 'classes' | 'classNames' | 'styles' > {}property addonAfter
addonAfter?: React.ReactNode;Example 1
import { Space, Input } from 'antd';<Space.Compact><Input defaultValue="name" />{addon}</Space.Compact>Deprecated
Use
Space.Compactinstead.
property addonBefore
addonBefore?: React.ReactNode;Example 1
import { Space, Input } from 'antd';<Space.Compact>{addon}<Input defaultValue="name" /></Space.Compact>Deprecated
Use
Space.Compactinstead.
property bordered
bordered?: boolean;Deprecated
Use
variant="borderless"instead.
property classNames
classNames?: InputClassNamesType;property disabled
disabled?: boolean;property rootClassName
rootClassName?: string;property size
size?: SizeType;property status
status?: InputStatus;property styles
styles?: InputStylesType;property variant
variant?: Variant;5.13.0 "outlined"
index signature
[key: `data-${string}`]: string | undefined;interface LayoutProps
interface BasicProps extends React.HTMLAttributes<HTMLDivElement> {}property hasSider
hasSider?: boolean;property prefixCls
prefixCls?: string;property rootClassName
rootClassName?: string;property suffixCls
suffixCls?: string;interface ListProps
interface ListProps<T> {}property bordered
bordered?: boolean;property children
children?: React.ReactNode;property className
className?: string;property dataSource
dataSource?: T[];property extra
extra?: React.ReactNode;property footer
footer?: React.ReactNode;property grid
grid?: ListGridType;property header
header?: React.ReactNode;property id
id?: string;property itemLayout
itemLayout?: ListItemLayout;property loading
loading?: boolean | SpinProps;property loadMore
loadMore?: React.ReactNode;property locale
locale?: ListLocale;property pagination
pagination?: PaginationConfig | false;property prefixCls
prefixCls?: string;property renderItem
renderItem?: (item: T, index: number) => React.ReactNode;property rootClassName
rootClassName?: string;property rowKey
rowKey?: ((item: T) => React.Key) | keyof T;property size
size?: ListSize;property split
split?: boolean;property style
style?: React.CSSProperties;interface MasonryProps
interface MasonryProps<ItemDataType = any> {}property className
className?: string;property classNames
classNames?: MasonryClassNamesType;property columns
columns?: number | Partial<Record<Breakpoint, number>>;Number of columns in the masonry grid layout
property fresh
fresh?: boolean;property gutter
gutter?: RowProps['gutter'];Spacing between items
property itemRender
itemRender?: ( itemInfo: MasonryItemType<ItemDataType> & { index: number; }) => React.ReactNode;property items
items?: MasonryItemType<ItemDataType>[];property onLayoutChange
onLayoutChange?: ( sortInfo: { key: React.Key; column: number; }[]) => void;Trigger when item layout order changed
property prefixCls
prefixCls?: string;property rootClassName
rootClassName?: string;property style
style?: CSSProperties;property styles
styles?: MasonryStylesType;interface MentionProps
interface MentionProps extends Omit<RcMentionsProps, 'suffix' | 'classNames' | 'styles'> {}property classNames
classNames?: MentionsClassNamesType;property loading
loading?: boolean;property options
options?: MentionsOptionProps[];property popupClassName
popupClassName?: string;property rootClassName
rootClassName?: string;property size
size?: SizeType;property status
status?: InputStatus;property styles
styles?: MentionsStylesType;property variant
variant?: Variant;5.13.0 "outlined"
interface MentionsProps
interface MentionsProps extends MentionProps {}interface MenuItemProps
interface MenuItemProps extends Omit<RcMenuItemProps, 'title'> {}interface MenuProps
interface MenuProps extends Omit< RcMenuProps, | 'items' | '_internalComponents' | 'classNames' | 'styles' | 'activeKey' | 'defaultActiveFirst' > {}property classNames
classNames?: MenuClassNamesType;property inlineIndent
inlineIndent?: number;property items
items?: ItemType[];property styles
styles?: MenuStylesType;property theme
theme?: MenuTheme;interface MessageArgsProps
interface ArgsProps {}property className
className?: string;property classNames
classNames?: ArgsClassNamesType;property content
content: React.ReactNode;消息通知的内容,接收组件或者字符串 The content of the message notification, receiving component or string
property duration
duration?: number;消息通知持续显示的时间 How long the message notification remains displayed
property icon
icon?: React.ReactNode;property key
key?: string | number;property onClick
onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;消息通知点击时的回调函数 Callback function when message notification is clicked
property onClose
onClose?: () => void;消息通知关闭时进行调用的回调函数 The callback function called when the message notification is closed
property pauseOnHover
pauseOnHover?: boolean;悬停时是否暂停计时器 keep the timer running or not on hover
property style
style?: React.CSSProperties;property styles
styles?: ArgsStylesType;property type
type?: NoticeType;消息通知的类型,可以是 'info'、'success'、'error'、'warning' 或 'loading' The type of message notification, which can be 'info', 'success', 'error', 'warning' or 'loading'
interface ModalFuncProps
interface ModalFuncProps extends ModalCommonProps {}property afterClose
afterClose?: () => void;property autoFocusButton
autoFocusButton?: null | 'ok' | 'cancel';property bodyStyle
bodyStyle?: React.CSSProperties;Deprecated
Please use
styles.bodyinstead
property cancelButtonProps
cancelButtonProps?: ButtonProps;property cancelText
cancelText?: React.ReactNode;property centered
centered?: boolean;property className
className?: string;property closeIcon
closeIcon?: React.ReactNode;property content
content?: React.ReactNode;property direction
direction?: DirectionType;property focusTriggerAfterClose
focusTriggerAfterClose?: boolean;property footer
footer?: ModalProps['footer'];property getContainer
getContainer?: string | HTMLElement | getContainerFunc | false;property icon
icon?: React.ReactNode;property keyboard
keyboard?: boolean;property mask
mask?: MaskType;property maskClosable
maskClosable?: boolean;property maskStyle
maskStyle?: React.CSSProperties;Deprecated
Please use
styles.maskinstead
property maskTransitionName
maskTransitionName?: string;property modalRender
modalRender?: (node: React.ReactNode) => React.ReactNode;property okButtonProps
okButtonProps?: ButtonProps;property okCancel
okCancel?: boolean;property okText
okText?: React.ReactNode;property okType
okType?: LegacyButtonType;property onCancel
onCancel?: (...args: any[]) => any;property onOk
onOk?: (...args: any[]) => any;property open
open?: boolean;property prefixCls
prefixCls?: string;property rootClassName
rootClassName?: string;property style
style?: React.CSSProperties;property title
title?: React.ReactNode;property transitionName
transitionName?: string;property type
type?: 'info' | 'success' | 'error' | 'warn' | 'warning' | 'confirm';property width
width?: string | number;property wrapClassName
wrapClassName?: string;property zIndex
zIndex?: number;interface ModalLocale
interface ModalLocale {}property cancelText
cancelText: string;property justOkText
justOkText: string;property okText
okText: string;interface ModalProps
interface ModalProps extends ModalCommonProps {}property afterClose
afterClose?: () => void;property afterOpenChange
afterOpenChange?: (open: boolean) => void;Callback when the animation ends when Modal is turned on and off
property bodyStyle
bodyStyle?: React.CSSProperties;Deprecated
Please use
styles.bodyinstead
property cancelButtonProps
cancelButtonProps?: ButtonProps;property cancelText
cancelText?: React.ReactNode;Text of the Cancel button
property centered
centered?: boolean;Centered Modal
property children
children?: React.ReactNode;property className
className?: string;property closeIcon
closeIcon?: React.ReactNode;property confirmLoading
confirmLoading?: boolean;Whether to apply loading visual effect for OK button or not
property destroyOnClose
destroyOnClose?: boolean;Deprecated
Please use
destroyOnHiddeninstead
property destroyOnHidden
destroyOnHidden?: boolean;5.25.0
property focusTriggerAfterClose
focusTriggerAfterClose?: boolean;property forceRender
forceRender?: boolean;Force render Modal
property getContainer
getContainer?: string | HTMLElement | getContainerFunc | false;property keyboard
keyboard?: boolean;property loading
loading?: boolean;5.18.0
property mask
mask?: MaskType;property maskClosable
maskClosable?: boolean;Whether to close the modal dialog when the mask (area outside the modal) is clicked
property maskStyle
maskStyle?: React.CSSProperties;Deprecated
Please use
styles.maskinstead
property maskTransitionName
maskTransitionName?: string;property modalRender
modalRender?: (node: React.ReactNode) => React.ReactNode;property mousePosition
mousePosition?: MousePosition;property okButtonProps
okButtonProps?: ButtonProps;property okText
okText?: React.ReactNode;Text of the OK button
property okType
okType?: LegacyButtonType;Button
typeof the OK button
property onCancel
onCancel?: (e: React.MouseEvent<HTMLButtonElement>) => void;Specify a function that will be called when a user clicks mask, close button on top right or Cancel button
property onOk
onOk?: (e: React.MouseEvent<HTMLButtonElement>) => void;Specify a function that will be called when a user clicks the OK button
property open
open?: boolean;Whether the modal dialog is visible or not
property prefixCls
prefixCls?: string;property rootClassName
rootClassName?: string;property rootStyle
rootStyle?: React.CSSProperties;property style
style?: React.CSSProperties;property title
title?: React.ReactNode;The modal dialog's title
property transitionName
transitionName?: string;property width
width?: string | number | Partial<Record<Breakpoint, string | number>>;Width of the modal dialog
property wrapClassName
wrapClassName?: string;property wrapProps
wrapProps?: any;property zIndex
zIndex?: number;interface NotificationArgsProps
interface ArgsProps {}property actions
actions?: React.ReactNode;property btn
btn?: React.ReactNode;Deprecated
Please use
actionsinstead
property className
className?: string;property classNames
classNames?: NotificationClassNamesType;property closable
closable?: | boolean | (Exclude<ClosableType, boolean> & { onClose?: () => void; });property closeIcon
closeIcon?: React.ReactNode;property description
description?: React.ReactNode;property duration
duration?: number | false;property icon
icon?: React.ReactNode;property key
key?: React.Key;property message
message?: React.ReactNode;Deprecated
Please use
titleinstead
property onClick
onClick?: () => void;property onClose
onClose?: () => void;property pauseOnHover
pauseOnHover?: boolean;property placement
placement?: NotificationPlacement;property props
props?: DivProps;property role
role?: 'alert' | 'status';property showProgress
showProgress?: boolean;property style
style?: React.CSSProperties;property styles
styles?: NotificationStylesType;property title
title: React.ReactNode;property type
readonly type?: IconType;interface PaginationProps
interface PaginationProps extends Omit< RcPaginationProps, 'showSizeChanger' | 'pageSizeOptions' | 'classNames' | 'styles' > {}property classNames
classNames?: PaginationClassNamesType;property pageSizeOptions
pageSizeOptions?: (string | number)[];stringtype will be removed in next major version.
property responsive
responsive?: boolean;property role
role?: string;property rootClassName
rootClassName?: string;property selectComponentClass
selectComponentClass?: any;Deprecated
Not official support. Will be removed in next major version.
property showQuickJumper
showQuickJumper?: | boolean | { goButton?: React.ReactNode; };property showSizeChanger
showSizeChanger?: boolean | SelectProps;property size
size?: 'default' | 'small';property styles
styles?: PaginationStylesType;property totalBoundaryShowSizeChanger
totalBoundaryShowSizeChanger?: number;interface PopconfirmProps
interface PopconfirmProps extends AbstractTooltipProps {}property cancelButtonProps
cancelButtonProps?: ButtonProps;property cancelText
cancelText?: React.ReactNode;property classNames
classNames?: PopconfirmClassNamesType;property description
description?: React.ReactNode | RenderFunction;property disabled
disabled?: boolean;property icon
icon?: React.ReactNode;property okButtonProps
okButtonProps?: ButtonProps;property okText
okText?: React.ReactNode;property okType
okType?: LegacyButtonType;property onCancel
onCancel?: (e?: React.MouseEvent<HTMLElement>) => void;property onConfirm
onConfirm?: (e?: React.MouseEvent<HTMLElement>) => void;property onOpenChange
onOpenChange?: ( open: boolean, e?: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLDivElement>) => void;property onPopupClick
onPopupClick?: (e: React.MouseEvent<HTMLElement>) => void;property showCancel
showCancel?: boolean;property styles
styles?: PopconfirmStylesType;property title
title: React.ReactNode | RenderFunction;interface PopoverProps
interface PopoverProps extends AbstractTooltipProps {}property classNames
classNames?: PopoverClassNamesType;property content
content?: React.ReactNode | RenderFunction;property onOpenChange
onOpenChange?: ( open: boolean, e?: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLDivElement>) => void;property styles
styles?: PopoverStylesType;property title
title?: React.ReactNode | RenderFunction;interface ProgressProps
interface ProgressProps extends ProgressAriaProps {}property children
children?: React.ReactNode;property className
className?: string;property classNames
classNames?: ProgressClassNamesType;property format
format?: (percent?: number, successPercent?: number) => React.ReactNode;property gapDegree
gapDegree?: number;property gapPlacement
gapPlacement?: GapPlacement;property gapPosition
gapPosition?: GapPosition;Deprecated
please use
gapPlacementinstead
property percent
percent?: number;property percentPosition
percentPosition?: PercentPositionType;property prefixCls
prefixCls?: string;property railColor
railColor?: string;property rootClassName
rootClassName?: string;property rounding
rounding?: (step: number) => number;property showInfo
showInfo?: boolean;property size
size?: | number | [number | string, number] | ProgressSize | { width?: number; height?: number; };property status
status?: (typeof ProgressStatuses)[number];property steps
steps?: | number | { count: number; gap: number; };property strokeColor
strokeColor?: string | string[] | ProgressGradient;property strokeLinecap
strokeLinecap?: 'butt' | 'square' | 'round';property strokeWidth
strokeWidth?: number;property style
style?: React.CSSProperties;property styles
styles?: ProgressStylesType;property success
success?: SuccessProps;property trailColor
trailColor?: string;Deprecated
Please use
railColorinstead
property type
type?: ProgressType;property width
width?: number;Deprecated
Use
sizeinstead
interface QRCodeProps
interface QRCodeProps extends QRProps, React.HTMLAttributes<HTMLDivElement> {}property bordered
bordered?: boolean;property className
className?: string;property classNames
classNames?: QRCodeClassNamesType;property errorLevel
errorLevel?: 'L' | 'M' | 'Q' | 'H';property icon
icon?: string;property iconSize
iconSize?: | number | { width: number; height: number; };property onRefresh
onRefresh?: () => void;property prefixCls
prefixCls?: string;property rootClassName
rootClassName?: string;property status
status?: QRStatus;property statusRender
statusRender?: (info: StatusRenderInfo) => ReactNode;property styles
styles?: QRCodeStylesType;property type
type?: 'canvas' | 'svg';interface RadioChangeEvent
interface RadioChangeEvent {}property nativeEvent
nativeEvent: MouseEvent;property preventDefault
preventDefault: () => void;property stopPropagation
stopPropagation: () => void;property target
target: RadioChangeEventTarget;interface RadioGroupProps
interface RadioGroupProps extends AbstractCheckboxGroupProps {}property block
block?: boolean;property buttonStyle
buttonStyle?: RadioGroupButtonStyle;property children
children?: React.ReactNode;property defaultValue
defaultValue?: any;property disabled
disabled?: boolean;property id
id?: string;property name
name?: string;property onBlur
onBlur?: React.FocusEventHandler<HTMLDivElement>;property onChange
onChange?: (e: RadioChangeEvent) => void;property onFocus
onFocus?: React.FocusEventHandler<HTMLDivElement>;property onMouseEnter
onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;property onMouseLeave
onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;property optionType
optionType?: RadioGroupOptionType;property orientation
orientation?: Orientation;property size
size?: SizeType;property value
value?: any;property vertical
vertical?: boolean;interface RadioProps
interface RadioProps extends AbstractCheckboxProps<RadioChangeEvent> {}property classNames
classNames?: RadioClassNamesType;property styles
styles?: RadioStylesType;interface RateProps
interface RateProps extends RcRateProps {}property rootClassName
rootClassName?: string;property size
size?: 'small' | 'middle' | 'large';property tooltips
tooltips?: (TooltipProps | string)[];interface ResultProps
interface ResultProps {}property children
children?: React.ReactNode;property className
className?: string;property classNames
classNames?: ResultClassNamesType;property extra
extra?: React.ReactNode;property icon
icon?: React.ReactNode;property prefixCls
prefixCls?: string;property rootClassName
rootClassName?: string;property status
status?: ResultStatusType;property style
style?: React.CSSProperties;property styles
styles?: ResultStylesType;property subTitle
subTitle?: React.ReactNode;property title
title?: React.ReactNode;interface RowProps
interface RowProps extends React.HTMLAttributes<HTMLDivElement> {}interface SegmentedProps
interface SegmentedProps<ValueType = RcSegmentedValue> extends Omit< RCSegmentedProps<ValueType>, 'size' | 'options' | 'itemRender' | 'styles' | 'classNames' > {}property block
block?: boolean;Option to fit width to its parent's width
property classNames
classNames?: SegmentedClassNamesType;property options
options: SegmentedOptions<ValueType>;property orientation
orientation?: Orientation;property rootClassName
rootClassName?: string;property shape
shape?: 'default' | 'round';property size
size?: SizeType;Option to control the display size
property styles
styles?: SegmentedStylesType;property vertical
vertical?: boolean;interface SelectProps
interface SelectProps< ValueType = any, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType> extends Omit< InternalSelectProps<ValueType, OptionType>, | 'mode' | 'getInputElement' | 'getRawInputElement' | 'backfill' | 'placement' | 'dropdownClassName' | 'dropdownStyle' > {}property classNames
classNames?: SelectClassNamesType;property dropdownClassName
dropdownClassName?: string;Deprecated
Please use
classNames.popup.rootinstead
property dropdownMatchSelectWidth
dropdownMatchSelectWidth?: boolean | number;Deprecated
Please use
popupMatchSelectWidthinstead
property dropdownRender
dropdownRender?: SelectProps['popupRender'];Deprecated
Please use
popupRenderinstead
property dropdownStyle
dropdownStyle?: React.CSSProperties;Deprecated
Please use
styles.popupinstead
property mode
mode?: 'multiple' | 'tags';property onDropdownVisibleChange
onDropdownVisibleChange?: SelectProps['onPopupVisibleChange'];Deprecated
Please use
onOpenChangeinstead
property onOpenChange
onOpenChange?: (visible: boolean) => void;property placement
placement?: SelectCommonPlacement;property popupClassName
popupClassName?: string;Deprecated
Please use
classNames.popup.rootinstead
property popupMatchSelectWidth
popupMatchSelectWidth?: boolean | number;property status
status?: InputStatus;property styles
styles?: SelectStylesType;interface SiderProps
interface SiderProps extends React.HTMLAttributes<HTMLDivElement> {}property breakpoint
breakpoint?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';property collapsed
collapsed?: boolean;property collapsedWidth
collapsedWidth?: number | string;property collapsible
collapsible?: boolean;property defaultCollapsed
defaultCollapsed?: boolean;property onBreakpoint
onBreakpoint?: (broken: boolean) => void;property onCollapse
onCollapse?: (collapsed: boolean, type: CollapseType) => void;property prefixCls
prefixCls?: string;property reverseArrow
reverseArrow?: boolean;property theme
theme?: SiderTheme;property trigger
trigger?: React.ReactNode;property width
width?: number | string;property zeroWidthTriggerStyle
zeroWidthTriggerStyle?: React.CSSProperties;interface SkeletonProps
interface SkeletonProps {}property active
active?: boolean;property avatar
avatar?: SkeletonAvatarProps | boolean;property className
className?: string;property classNames
classNames?: SkeletonClassNamesType;property loading
loading?: boolean;property paragraph
paragraph?: SkeletonParagraphProps | boolean;property prefixCls
prefixCls?: string;property rootClassName
rootClassName?: string;property round
round?: boolean;property style
style?: React.CSSProperties;property styles
styles?: SkeletonStylesType;property title
title?: SkeletonTitleProps | boolean;interface SliderSingleProps
interface SliderSingleProps extends SliderBaseProps {}property defaultValue
defaultValue?: number;property handleStyle
handleStyle?: React.CSSProperties;Deprecated
Please use
styles.handleinstead
property onAfterChange
onAfterChange?: (value: number) => void;Deprecated
Please use
onChangeCompleteinstead
property onChange
onChange?: (value: number) => void;property onChangeComplete
onChangeComplete?: (value: number) => void;property railStyle
railStyle?: React.CSSProperties;Deprecated
Please use
styles.railinstead
property range
range?: false;property trackStyle
trackStyle?: React.CSSProperties;Deprecated
Please use
styles.trackinstead
property value
value?: number;interface SpaceProps
interface SpaceProps extends React.HTMLAttributes<HTMLDivElement> {}property align
align?: 'start' | 'end' | 'center' | 'baseline';property className
className?: string;property classNames
classNames?: SpaceClassNamesType;property direction
direction?: Orientation;Deprecated
please use
orientationinstead
property orientation
orientation?: Orientation;property prefixCls
prefixCls?: string;property rootClassName
rootClassName?: string;property separator
separator?: React.ReactNode;property size
size?: SpaceSize | [SpaceSize, SpaceSize];property split
split?: React.ReactNode;Deprecated
please use
separatorinstead
property style
style?: React.CSSProperties;property styles
styles?: SpaceStylesType;property vertical
vertical?: boolean;property wrap
wrap?: boolean;interface SpinProps
interface SpinProps {}property children
children?: React.ReactNode;Children of Spin
property className
className?: string;Additional class name of Spin
property classNames
classNames?: SpinClassNamesType;property delay
delay?: number;Specifies a delay in milliseconds for loading state (prevent flush)
property fullscreen
fullscreen?: boolean;Display a backdrop with the
Spincomponent
property indicator
indicator?: SpinIndicator;React node of the spinning indicator
property percent
percent?: number | 'auto';property prefixCls
prefixCls?: string;Customize prefix class name
property rootClassName
rootClassName?: string;Additional root class name of Spin
property size
size?: SpinSize;Size of Spin, options:
small,defaultandlarge
property spinning
spinning?: boolean;Whether Spin is spinning
property style
style?: React.CSSProperties;Style of Spin
property styles
styles?: SpinStylesType;property tip
tip?: React.ReactNode;Customize description content when Spin has children
property wrapperClassName
wrapperClassName?: string;The className of wrapper when Spin has children
interface SplitterProps
interface SplitterProps {}property className
className?: string;property classNames
classNames?: SplitterClassNamesType;property collapsibleIcon
collapsibleIcon?: { start?: React.ReactNode; end?: React.ReactNode;};property draggerIcon
draggerIcon?: React.ReactNode;property layout
layout?: Orientation;Deprecated
please use
orientationhorizontal
property lazy
lazy?: boolean;property onCollapse
onCollapse?: (collapsed: boolean[], sizes: number[]) => void;property onResize
onResize?: (sizes: number[]) => void;property onResizeEnd
onResizeEnd?: (sizes: number[]) => void;property onResizeStart
onResizeStart?: (sizes: number[]) => void;property orientation
orientation?: Orientation;property prefixCls
prefixCls?: string;property rootClassName
rootClassName?: string;property style
style?: React.CSSProperties;property styles
styles?: SplitterStylesType;property vertical
vertical?: boolean;interface StatisticTimerProps
interface StatisticTimerProps extends FormatConfig, StatisticProps {}interface StepsProps
interface StepsProps extends BaseStepsProps {}interface SubMenuProps
interface SubMenuProps extends Omit<SubMenuType, 'ref' | 'key' | 'children' | 'label'> {}interface SwitchProps
interface SwitchProps {}property autoFocus
autoFocus?: boolean;property checked
checked?: boolean;property checkedChildren
checkedChildren?: React.ReactNode;property className
className?: string;property classNames
classNames?: SwitchClassNamesType;property defaultChecked
defaultChecked?: boolean;property defaultValue
defaultValue?: boolean;Alias for
defaultChecked. 5.12.0
property disabled
disabled?: boolean;property id
id?: string;property loading
loading?: boolean;property onChange
onChange?: SwitchChangeEventHandler;property onClick
onClick?: SwitchClickEventHandler;property prefixCls
prefixCls?: string;property rootClassName
rootClassName?: string;property size
size?: SwitchSize;property style
style?: React.CSSProperties;property styles
styles?: SwitchStylesType;property tabIndex
tabIndex?: number;property title
title?: string;property unCheckedChildren
unCheckedChildren?: React.ReactNode;property value
value?: boolean;Alias for
checked. 5.12.0
interface TableColumnGroupType
interface ColumnGroupType<RecordType = AnyObject> extends Omit<ColumnType<RecordType>, 'dataIndex'> {}property children
children: ColumnsType<RecordType>;interface TableColumnProps
interface ColumnProps<RecordType = AnyObject> extends ColumnType<RecordType> {}property children
children?: null;interface TableColumnType
interface ColumnType<RecordType = AnyObject> extends Omit<RcColumnType<RecordType>, 'title'> {}property defaultFilteredValue
defaultFilteredValue?: FilterValue | null;property defaultSortOrder
defaultSortOrder?: SortOrder;property filterDropdown
filterDropdown?: | React.ReactNode | ((props: FilterDropdownProps) => React.ReactNode);property filterDropdownOpen
filterDropdownOpen?: boolean;Deprecated
Please use
filterDropdownProps.openinstead. 4.23.0
property filterDropdownProps
filterDropdownProps?: CoverableDropdownProps;Can cover
<Dropdown>props 5.22.0
property filtered
filtered?: boolean;property filteredValue
filteredValue?: FilterValue | null;property filterIcon
filterIcon?: React.ReactNode | ((filtered: boolean) => React.ReactNode);property filterMode
filterMode?: 'menu' | 'tree';property filterMultiple
filterMultiple?: boolean;property filterOnClose
filterOnClose?: boolean;property filterResetToDefaultFilteredValue
filterResetToDefaultFilteredValue?: boolean;property filters
filters?: ColumnFilterItem[];property filterSearch
filterSearch?: FilterSearchType<ColumnFilterItem>;property onFilter
onFilter?: (value: React.Key | boolean, record: RecordType) => boolean;property onFilterDropdownOpenChange
onFilterDropdownOpenChange?: (visible: boolean) => void;Deprecated
Please use
filterDropdownProps.onOpenChangeinstead. 4.23.0
property responsive
responsive?: Breakpoint[];property showSorterTooltip
showSorterTooltip?: boolean | SorterTooltipProps;property sortDirections
sortDirections?: SortOrder[];property sorter
sorter?: | boolean | CompareFn<RecordType> | { compare?: CompareFn<RecordType>; /** Config multiple sorter order priority */ multiple?: number; };property sortIcon
sortIcon?: (props: { sortOrder: SortOrder }) => React.ReactNode;property sortOrder
sortOrder?: SortOrder;property title
title?: ColumnTitle<RecordType>;interface TablePaginationConfig
interface TablePaginationConfig extends PaginationProps {}interface TableProps
interface TableProps<RecordType = AnyObject> extends Omit< RcTableProps<RecordType>, | 'transformColumns' | 'internalHooks' | 'internalRefs' | 'data' | 'columns' | 'scroll' | 'emptyText' | 'classNames' | 'styles' > {}property bordered
bordered?: boolean;property classNames
classNames?: TableClassNamesType<RecordType>;property columns
columns?: ColumnsType<RecordType>;property dataSource
dataSource?: RcTableProps<RecordType>['data'];property dropdownPrefixCls
dropdownPrefixCls?: string;property getPopupContainer
getPopupContainer?: GetPopupContainer;property loading
loading?: boolean | SpinProps;property locale
locale?: TableLocale;property onChange
onChange?: ( pagination: TablePaginationConfig, filters: Record<string, FilterValue | null>, sorter: SorterResult<RecordType> | SorterResult<RecordType>[], extra: TableCurrentDataSource<RecordType>) => void;property pagination
pagination?: false | TablePaginationConfig;property rootClassName
rootClassName?: string;property rowSelection
rowSelection?: TableRowSelection<RecordType>;property scroll
scroll?: RcTableProps<RecordType>['scroll'] & { scrollToFirstRowOnChange?: boolean;};property showSorterTooltip
showSorterTooltip?: boolean | SorterTooltipProps;property size
size?: SizeType;property sortDirections
sortDirections?: SortOrder[];property styles
styles?: TableStylesType<RecordType>;property virtual
virtual?: boolean;interface TabsProps
interface TabsProps extends BaseTabsProps, CompatibilityProps, Omit< RcTabsProps, 'editable' | 'items' | 'classNames' | 'styles' | 'popupClassName' > {}property addIcon
addIcon?: React.ReactNode;property classNames
classNames?: TabsClassNamesType;property more
more?: MoreProps;property moreIcon
moreIcon?: React.ReactNode;property popupClassName
popupClassName?: string;Deprecated
Please use
classNames.popupinstead
property removeIcon
removeIcon?: React.ReactNode;property styles
styles?: TabsStylesType;interface TagProps
interface TagProps extends React.HTMLAttributes<HTMLSpanElement> {}property bordered
bordered?: boolean;Deprecated
Please use
variant="filled"instead
property className
className?: string;property classNames
classNames?: TagClassNamesType;property closable
closable?: ClosableType;Advised to use closeIcon instead.
property closeIcon
closeIcon?: React.ReactNode;property color
color?: LiteralUnion<PresetColorType | PresetStatusColorType>;property disabled
disabled?: boolean;property href
href?: string;property icon
icon?: React.ReactNode;property onClose
onClose?: (e: React.MouseEvent<HTMLElement>) => void;property prefixCls
prefixCls?: string;property rootClassName
rootClassName?: string;property style
style?: React.CSSProperties;property styles
styles?: TagStylesType;property target
target?: string;property variant
variant?: 'filled' | 'solid' | 'outlined';interface ThemeConfig
interface ThemeConfig {}property algorithm
algorithm?: MappingAlgorithm | MappingAlgorithm[];用于修改 Seed Token 到 Map Token 的算法。 Modify the algorithms of theme. defaultAlgorithm
property components
components?: ComponentsConfig;用于修改各个组件的 Component Token 以及覆盖该组件消费的 Alias Token。 Modify Component Token and Alias Token applied to components.
property cssVar
cssVar?: { /** * @descCN css 变量的前缀 * @descEN Prefix for css variable. * @default ant */ prefix?: string; /** * @descCN 主题的唯一 key,版本低于 react@18 时需要手动设置。 * @descEN Unique key for theme, should be set manually < react@18. */ key?: string;};通过
cssVar配置来开启 CSS 变量模式,这个配置会被继承。 Enable CSS variable mode throughcssVarconfiguration, This configuration will be inherited. false 5.12.0
property hashed
hashed?: boolean;是否开启
hashed属性。如果你的应用中只存在一个版本的 antd,你可以设置为false来进一步减小样式体积。 Whether to enable thehashedattribute. If there is only one version of antd in your application, you can setfalseto reduce the bundle size. true 5.0.0
property inherit
inherit?: boolean;是否继承外层
ConfigProvider中配置的主题。 Whether to inherit the theme configured in the outer layerConfigProvider. true
property token
token?: Partial<AliasToken>;用于修改 Design Token。 Modify Design Token.
property zeroRuntime
zeroRuntime?: boolean;开启零运行时模式,不会在运行时产生样式,需要手动引入 CSS 文件。 Enable zero-runtime mode, which will not generate style at runtime, need to import additional CSS file. true 6.0.0
Example 1
import { ConfigProvider } from 'antd';import 'antd/dist/antd.css';const Demo = () => (<ConfigProvider theme={{ zeroRuntime: true }}><App /></ConfigProvider>);
interface TimelineItemProps
interface TimelineItemType {}property children
children?: React.ReactNode;Deprecated
Please use
contentinstead
property className
className?: string;property classNames
classNames?: GetProp<StepsProps, 'items'>[number]['classNames'];property color
color?: LiteralUnion<Color>;property content
content?: React.ReactNode;property dot
dot?: React.ReactNode;Deprecated
Please use
iconinstead
property icon
icon?: React.ReactNode;property key
key?: React.Key;property label
label?: React.ReactNode;Deprecated
Please use
titleinstead
property loading
loading?: boolean;property placement
placement?: ItemPlacement;property position
position?: ItemPosition;Deprecated
please use
placementinstead
property style
style?: React.CSSProperties;property styles
styles?: GetProp<StepsProps, 'items'>[number]['styles'];property title
title?: React.ReactNode;interface TimelineProps
interface TimelineProps {}property children
children?: React.ReactNode;property className
className?: string;property classNames
classNames?: TimelineClassNamesType;property items
items?: TimelineItemType[];property mode
mode?: TimelineMode;property orientation
orientation?: 'horizontal' | 'vertical';property pending
pending?: React.ReactNode;Deprecated
Please add pending item in
itemsdirectly
property pendingDot
pendingDot?: React.ReactNode;Deprecated
Please add pending item in
itemsdirectly
property prefixCls
prefixCls?: string;property reverse
reverse?: boolean;property rootClassName
rootClassName?: string;property style
style?: React.CSSProperties;property styles
styles?: TimelineStylesType;property titleSpan
titleSpan?: string | number;property variant
variant?: StepsProps['variant'];interface TimePickerProps
interface TimePickerProps extends Omit<PickerTimeProps<Dayjs>, 'picker' | 'classNames' | 'styles'> {}property addon
addon?: () => React.ReactNode;property classNames
classNames?: TimePickerClassNames;property popupClassName
popupClassName?: string;Deprecated
Please use
classNames.popupinstead
property popupStyle
popupStyle?: React.CSSProperties;Deprecated
Please use
styles.popupinstead
property rootClassName
rootClassName?: string;property status
status?: InputStatus;property styles
styles?: TimePickerStyles;interface TimeRangePickerProps
interface TimeRangePickerProps extends Omit<RangePickerTimeProps<Dayjs>, 'picker'> {}property popupClassName
popupClassName?: string;Deprecated
Please use
classNames.popupinstead
property popupStyle
popupStyle?: React.CSSProperties;Deprecated
Please use
styles.popupinstead
interface TooltipProps
interface TooltipProps extends AbstractTooltipProps {}property classNames
classNames?: TooltipClassNamesType;property overlay
overlay?: React.ReactNode | RenderFunction;property styles
styles?: TooltipStylesType;property title
title?: React.ReactNode | RenderFunction;interface TourProps
interface TourProps extends Omit<RCTourProps, 'renderPanel' | 'classNames' | 'styles'> {}property actionsRender
actionsRender?: TourStepProps['actionsRender'];property className
className?: string;property classNames
classNames?: TourClassNamesType;property current
current?: number;property indicatorsRender
indicatorsRender?: (current: number, total: number) => ReactNode;property prefixCls
prefixCls?: string;property steps
steps?: TourStepProps[];property style
style?: React.CSSProperties;property styles
styles?: TourStylesType;property type
type?: 'default' | 'primary';interface TourStepProps
interface TourStepProps extends RCTourStepProps {}property actionsRender
actionsRender?: ( originNode: ReactNode, info: { current: number; total: number; }) => ReactNode;property classNames
classNames?: SemanticClassNames<TourSemanticName>;property cover
cover?: ReactNode;property indicatorsRender
indicatorsRender?: (current: number, total: number) => ReactNode;property nextButtonProps
nextButtonProps?: { children?: ReactNode; onClick?: () => void; className?: string; style?: React.CSSProperties;};property prevButtonProps
prevButtonProps?: { children?: ReactNode; onClick?: () => void; className?: string; style?: React.CSSProperties;};property styles
styles?: SemanticStyles<TourSemanticName>;property type
type?: 'default' | 'primary';interface TransferProps
interface TransferProps<RecordType = any> {}property actions
actions?: React.ReactNode[];property children
children?: (props: TransferCustomListBodyProps<RecordType>) => React.ReactNode;property className
className?: string;property classNames
classNames?: TransferClassNamesType;property dataSource
dataSource?: RecordType[];property disabled
disabled?: boolean;property filterOption
filterOption?: ( inputValue: string, item: RecordType, direction: TransferDirection) => boolean;property footer
footer?: ( props: TransferListProps<RecordType>, info?: { direction: TransferDirection; }) => React.ReactNode;property listStyle
listStyle?: ((style: ListStyle) => CSSProperties) | CSSProperties;Deprecated
Please use
styles.sectioninstead.
property locale
locale?: Partial<TransferLocale>;property onChange
onChange?: ( targetKeys: TransferKey[], direction: TransferDirection, moveKeys: TransferKey[]) => void;property oneWay
oneWay?: boolean;property onScroll
onScroll?: ( direction: TransferDirection, e: React.SyntheticEvent<HTMLUListElement>) => void;property onSearch
onSearch?: (direction: TransferDirection, value: string) => void;property onSelectChange
onSelectChange?: ( sourceSelectedKeys: TransferKey[], targetSelectedKeys: TransferKey[]) => void;property operations
operations?: string[];Deprecated
Please use
actionsinstead.
property operationStyle
operationStyle?: CSSProperties;Deprecated
Please use
styles.actionsinstead.
property pagination
pagination?: PaginationType;property prefixCls
prefixCls?: string;property render
render?: TransferRender<RecordType>;property rootClassName
rootClassName?: string;property rowKey
rowKey?: (record: RecordType) => TransferKey;property selectAllLabels
selectAllLabels?: SelectAllLabel[];property selectedKeys
selectedKeys?: TransferKey[];property selectionsIcon
selectionsIcon?: React.ReactNode;property showSearch
showSearch?: boolean | TransferSearchOption;property showSelectAll
showSelectAll?: boolean;property status
status?: InputStatus;property style
style?: React.CSSProperties;property styles
styles?: TransferStylesType;property targetKeys
targetKeys?: TransferKey[];property titles
titles?: React.ReactNode[];interface TreeNodeProps
interface AntTreeNodeProps {}property checkable
checkable?: boolean;property checked
checked?: boolean;property children
children?: React.ReactNode;property className
className?: string;property disableCheckbox
disableCheckbox?: boolean;property disabled
disabled?: boolean;property eventKey
eventKey?: Key;property expanded
expanded?: boolean;property icon
icon?: TreeIcon;property isLeaf
isLeaf?: boolean;property key
key?: Key;property loading
loading?: boolean;property selectable
selectable?: boolean;property selected
selected?: boolean;property title
title?: React.ReactNode | ((data: DataNode) => React.ReactNode);index signature
[customProp: string]: any;interface TreeProps
interface TreeProps<T extends BasicDataNode = DataNode> extends Omit< RcTreeProps<T>, | 'prefixCls' | 'showLine' | 'direction' | 'draggable' | 'icon' | 'switcherIcon' | 'classNames' | 'styles' > {}property autoExpandParent
autoExpandParent?: boolean;Whether to automatically expand the parent node
property blockNode
blockNode?: boolean;property checkable
checkable?: boolean;Whether to support selection
property checkedKeys
checkedKeys?: | Key[] | { checked: Key[]; halfChecked: Key[]; };(Controlled) Tree node with checked checkbox
property checkStrictly
checkStrictly?: boolean;Node selection in Checkable state is fully controlled (the selected state of parent and child nodes is no longer associated)
property children
children?: React.ReactNode;property className
className?: string;property classNames
classNames?: TreeClassNamesType;property defaultCheckedKeys
defaultCheckedKeys?: Key[];Tree node with checkbox checked by default
property defaultExpandAll
defaultExpandAll?: boolean;Expand all tree nodes by default
property defaultExpandedKeys
defaultExpandedKeys?: Key[];Expand the specified tree node by default
property defaultExpandParent
defaultExpandParent?: boolean;Expand the corresponding tree node by default
property defaultSelectedKeys
defaultSelectedKeys?: Key[];Tree node selected by default
property disabled
disabled?: boolean;whether to disable the tree
property draggable
draggable?: DraggableFn | boolean | DraggableConfig;Set the node to be draggable (IE>8)
property expandedKeys
expandedKeys?: Key[];(Controlled) Expand the specified tree node
property filterAntTreeNode
filterAntTreeNode?: (node: AntTreeNode) => boolean;Click on the tree node to trigger
property icon
icon?: TreeIcon;property loadedKeys
loadedKeys?: Key[];property multiple
multiple?: boolean;Whether to support multiple selection
property prefixCls
prefixCls?: string;property selectable
selectable?: boolean;property selectedKeys
selectedKeys?: Key[];(Controlled) Set the selected tree node
property showIcon
showIcon?: boolean;property showLine
showLine?: | boolean | { showLeafIcon: boolean | TreeLeafIcon; };property style
style?: React.CSSProperties;property styles
styles?: TreeStylesType;property switcherIcon
switcherIcon?: SwitcherIcon;property switcherLoadingIcon
switcherLoadingIcon?: React.ReactNode;interface TreeSelectProps
interface TreeSelectProps<ValueType = any, OptionType extends DataNode = DataNode> extends BaseTreeSelectProps<ValueType, OptionType> {}property bordered
bordered?: boolean;Deprecated
Use
variantinstead.
property classNames
classNames?: TreeSelectClassNamesType;property disabled
disabled?: boolean;property dropdownClassName
dropdownClassName?: string;Deprecated
Please use
classNames.popup.rootinstead
property dropdownMatchSelectWidth
dropdownMatchSelectWidth?: boolean | number;Deprecated
Please use
popupMatchSelectWidthinstead
property dropdownRender
dropdownRender?: (menu: React.ReactElement) => React.ReactElement;Deprecated
Please use
popupRenderinstead
property dropdownStyle
dropdownStyle?: React.CSSProperties;Deprecated
Please use
styles.popup.rootinstead
property onDropdownVisibleChange
onDropdownVisibleChange?: (visible: boolean) => void;Deprecated
Please use
onOpenChangeinstead
property onOpenChange
onOpenChange?: (open: boolean) => void;property placement
placement?: SelectCommonPlacement;property popupClassName
popupClassName?: string;Deprecated
Please use
classNames.popup.rootinstead
property popupMatchSelectWidth
popupMatchSelectWidth?: boolean | number;property popupRender
popupRender?: (menu: React.ReactElement) => React.ReactElement;property rootClassName
rootClassName?: string;property showArrow
showArrow?: boolean;Deprecated
showArrowis deprecated which will be removed in next major version. It will be a default behavior, you can hide it by settingsuffixIconto null.
property size
size?: SizeType;property status
status?: InputStatus;property styles
styles?: TreeSelectStylesType;property suffixIcon
suffixIcon?: React.ReactNode;property switcherIcon
switcherIcon?: | SwitcherIcon | RcTreeSelectProps<ValueType, OptionType>['switcherIcon'];property treeLine
treeLine?: TreeProps['showLine'];property variant
variant?: Variant;5.13.0 "outlined"
interface UploadFile
interface UploadFile<T = any> extends ProgressAriaProps {}property crossOrigin
crossOrigin?: React.ImgHTMLAttributes<HTMLImageElement>['crossOrigin'];property error
error?: any;property fileName
fileName?: string;property lastModified
lastModified?: number;property lastModifiedDate
lastModifiedDate?: Date;property linkProps
linkProps?: any;property name
name: string;property originFileObj
originFileObj?: RcFile;property percent
percent?: number;property preview
preview?: string;property response
response?: T;property size
size?: number;property status
status?: UploadFileStatus;property thumbUrl
thumbUrl?: string;property type
type?: string;property uid
uid: string;property url
url?: string;property xhr
xhr?: T;interface UploadProps
interface UploadProps<T = any> extends Pick<RcUploadProps, 'capture' | 'hasControlInside' | 'pastable'> {}property accept
accept?: string | AcceptConfig;property action
action?: | string | ((file: RcFile) => string) | ((file: RcFile) => PromiseLike<string>);property beforeUpload
beforeUpload?: ( file: RcFile, fileList: RcFile[]) => BeforeUploadValueType | Promise<BeforeUploadValueType>;property children
children?: React.ReactNode;property className
className?: string;property classNames
classNames?: UploadClassNamesType<T>;property customRequest
customRequest?: ( options: RcCustomRequestOptions<T>, info: { /** * @since 5.28.0 */ defaultRequest: (option: RcCustomRequestOptions<T>) => void; }) => void;property data
data?: | Record<string, unknown> | (( file: UploadFile<T> ) => Record<string, unknown> | Promise<Record<string, unknown>>);property defaultFileList
defaultFileList?: Array<UploadFile<T>>;property directory
directory?: boolean;property disabled
disabled?: boolean;property fileList
fileList?: Array<UploadFile<T>>;property headers
headers?: HttpRequestHeader;property iconRender
iconRender?: (file: UploadFile<T>, listType?: UploadListType) => React.ReactNode;property id
id?: string;property isImageUrl
isImageUrl?: (file: UploadFile<T>) => boolean;property itemRender
itemRender?: ItemRender<T>;property listType
listType?: UploadListType;property locale
locale?: UploadLocale;property maxCount
maxCount?: number;Config max count of
fileList. Will replace current one whenmaxCountis 1
property method
method?: 'POST' | 'PUT' | 'PATCH' | 'post' | 'put' | 'patch';property multiple
multiple?: boolean;property name
name?: string;property onChange
onChange?: (info: UploadChangeParam<UploadFile<T>>) => void;property onDownload
onDownload?: (file: UploadFile<T>) => void;property onDrop
onDrop?: (event: React.DragEvent<HTMLDivElement>) => void;property onPreview
onPreview?: (file: UploadFile<T>) => void;property onRemove
onRemove?: (file: UploadFile<T>) => void | boolean | Promise<void | boolean>;property openFileDialogOnClick
openFileDialogOnClick?: boolean;property prefixCls
prefixCls?: string;property previewFile
previewFile?: PreviewFileHandler;property progress
progress?: UploadListProgressProps;property rootClassName
rootClassName?: string;property showUploadList
showUploadList?: boolean | ShowUploadListInterface<T>;property style
style?: React.CSSProperties;property styles
styles?: UploadStylesType<T>;property supportServerRender
supportServerRender?: boolean;property type
type?: UploadType;property withCredentials
withCredentials?: boolean;interface WatermarkProps
interface WatermarkProps {}property children
children?: React.ReactNode;property className
className?: string;property content
content?: string | string[];property font
font?: { color?: CanvasFillStrokeStyles['fillStyle']; fontSize?: number | string; fontWeight?: 'normal' | 'lighter' | 'bold' | 'bolder' | number; fontStyle?: 'none' | 'normal' | 'italic' | 'oblique'; fontFamily?: string; textAlign?: CanvasTextAlign;};property gap
gap?: [number, number];property height
height?: number;property image
image?: string;property inherit
inherit?: boolean;property offset
offset?: [number, number];property onRemove
onRemove?: () => void;6.0.0
property rootClassName
rootClassName?: string;property rotate
rotate?: number;property style
style?: React.CSSProperties;property width
width?: number;property zIndex
zIndex?: number;Type Aliases
type Breakpoint
type Breakpoint = 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';type CalendarMode
type CalendarMode = 'year' | 'month';type CascaderAutoProps
type CascaderAutoProps< OptionType extends DefaultOptionType = DefaultOptionType, ValueField extends keyof OptionType = keyof OptionType> = | (CascaderProps<OptionType, ValueField> & { multiple?: false; }) | (CascaderProps<OptionType, ValueField, true> & { multiple: true; });type CascaderPanelAutoProps
type CascaderPanelAutoProps< OptionType extends DefaultOptionType = DefaultOptionType, ValueField extends keyof OptionType = keyof OptionType> = | (CascaderPanelProps<OptionType, ValueField> & { multiple?: false; }) | (CascaderPanelProps<OptionType, ValueField, true> & { multiple: true; });type CascaderPanelProps
type CascaderPanelProps< OptionType extends DefaultOptionType = DefaultOptionType, ValueField extends keyof OptionType = keyof OptionType, Multiple extends boolean = boolean> = Pick<CascaderProps<OptionType, ValueField, Multiple>, PanelPickType>;type ColorPickerProps
type ColorPickerProps = Omit< RcColorPickerProps, | 'onChange' | 'value' | 'defaultValue' | 'panelRender' | 'disabledAlpha' | 'onChangeComplete' | 'components'> & { mode?: ModeType | ModeType[]; value?: ColorValueType; defaultValue?: ColorValueType; children?: React.ReactNode; open?: boolean; disabled?: boolean; placement?: TriggerPlacement; trigger?: TriggerType; format?: ColorFormatType; defaultFormat?: ColorFormatType; allowClear?: boolean; presets?: PresetsItem[]; arrow?: | boolean | { pointAtCenter: boolean; }; panelRender?: ( panel: React.ReactNode, extra: { components: { Picker: React.FC; Presets: React.FC; }; } ) => React.ReactNode; showText?: boolean | ((color: AggregationColor) => React.ReactNode); size?: SizeType; classNames?: ColorPickerClassNamesType; styles?: ColorPickerStylesType; rootClassName?: string; disabledAlpha?: boolean; [key: `data-${string}`]: string; onOpenChange?: (open: boolean) => void; onFormatChange?: (format?: ColorFormatType) => void; onChange?: (value: AggregationColor, css: string) => void; onClear?: () => void; onChangeComplete?: (value: AggregationColor) => void; disabledFormat?: boolean;} & Pick< PopoverProps, | 'getPopupContainer' | 'autoAdjustOverflow' | 'destroyTooltipOnHide' | 'destroyOnHidden' >;type DatePickerProps
type DatePickerProps< ValueType = Dayjs, IsMultiple extends boolean = boolean> = PickerPropsWithMultiple<Dayjs, PickerProps<Dayjs>, ValueType, IsMultiple>;type DraggerProps
type DraggerProps<T = any> = UploadProps<T> & { height?: number;};type GetProp
type GetProp< T extends React.ComponentType<any> | object, PropName extends keyof GetProps<T>> = NonNullable<GetProps<T>[PropName]>;Get component props by component name
Example 1
import { Select } from 'antd';import type { GetProp, SelectProps } from 'antd';type SelectOption1 = GetProp<SelectProps, 'options'>[number];// ortype SelectOption2 = GetProp<typeof Select, 'options'>[number];const onChange: GetProp<typeof Select, 'onChange'> = (value, option) => {// Do something};5.13.0
type GetProps
type GetProps<T extends React.ComponentType<any> | object> = T extends React.Context< infer CP> ? CP : T extends React.ComponentType<infer P> ? P : T extends object ? T : never;Get component props
Example 1
import { Checkbox } from 'antd'import type { GetProps } from 'antd';type CheckboxGroupProps = GetProps<typeof Checkbox.Group>const MyContext = React.createContext<{ sample?: boolean }>({});type MyContextProps = GetProps<typeof MyContext>;5.13.0
type GetRef
type GetRef<T extends ReactRefComponent<any> | React.Component<any>> = T extends React.Component<any> ? T : T extends React.ComponentType<infer P> ? ExtractRefAttributesRef<P> : never;Get component ref
Example 1
import { Input } from 'antd';import type { GetRef } from 'antd';type InputRef = GetRef<typeof Input>;5.13.0
type GlobalToken
type GlobalToken = GlobalTokenTypeUtil<ComponentTokenMap, AliasToken>;Final token which contains the components level override
type MappingAlgorithm
type MappingAlgorithm = DerivativeFunc<SeedToken, MapToken>;type MenuRef
type MenuRef = { menu: RcMenuRef | null; focus: (options?: FocusOptions) => void;};type MenuTheme
type MenuTheme = 'light' | 'dark';type QRPropsCanvas
type QRPropsCanvas = QRProps & React.CanvasHTMLAttributes<HTMLCanvasElement>;type QRPropsSvg
type QRPropsSvg = QRProps & React.SVGAttributes<SVGSVGElement>;type StatisticProps
type StatisticProps = HTMLAriaDataAttributes & StatisticReactProps;type TableColumnsType
type ColumnsType<RecordType = AnyObject> = ( | ColumnGroupType<RecordType> | ColumnType<RecordType>)[];type TabPaneProps
type TabPaneProps = CompatibilityProps & Omit<RcTabPaneProps, 'destroyInactiveTabPane'>;type TagType
type TagType = typeof InternalTag & { CheckableTag: typeof CheckableTag; CheckableTagGroup: typeof CheckableTagGroup;};type TypographyProps
type TypographyProps = typeof OriginTypography & { Text: typeof Text; Link: typeof Link; Title: typeof Title; Paragraph: typeof Paragraph;};Package Files (126)
- es/_util/responsiveObserver.d.ts
- es/_util/type.d.ts
- es/affix/index.d.ts
- es/alert/Alert.d.ts
- es/alert/index.d.ts
- es/anchor/Anchor.d.ts
- es/anchor/AnchorLink.d.ts
- es/anchor/index.d.ts
- es/app/App.d.ts
- es/app/index.d.ts
- es/auto-complete/AutoComplete.d.ts
- es/auto-complete/index.d.ts
- es/avatar/Avatar.d.ts
- es/avatar/index.d.ts
- es/back-top/index.d.ts
- es/badge/index.d.ts
- es/breadcrumb/Breadcrumb.d.ts
- es/breadcrumb/BreadcrumbItem.d.ts
- es/button/button.d.ts
- es/calendar/generateCalendar.d.ts
- es/calendar/index.d.ts
- es/card/Card.d.ts
- es/card/Meta.d.ts
- es/card/index.d.ts
- es/carousel/index.d.ts
- es/cascader/Panel.d.ts
- es/cascader/index.d.ts
- es/checkbox/Checkbox.d.ts
- es/checkbox/Group.d.ts
- es/checkbox/index.d.ts
- es/collapse/Collapse.d.ts
- es/collapse/CollapsePanel.d.ts
- es/color-picker/ColorPicker.d.ts
- es/color-picker/interface.d.ts
- es/config-provider/context.d.ts
- es/config-provider/index.d.ts
- es/date-picker/index.d.ts
- es/descriptions/index.d.ts
- es/divider/index.d.ts
- es/drawer/index.d.ts
- es/dropdown/dropdown.d.ts
- es/dropdown/index.d.ts
- es/empty/index.d.ts
- es/flex/index.d.ts
- es/flex/interface.d.ts
- es/float-button/FloatButton.d.ts
- es/float-button/FloatButtonGroup.d.ts
- es/form/Form.d.ts
- es/form/FormItem/index.d.ts
- es/form/FormList.d.ts
- es/form/hooks/useForm.d.ts
- es/form/index.d.ts
- es/grid/col.d.ts
- es/grid/index.d.ts
- es/grid/row.d.ts
- es/image/index.d.ts
- es/index.d.ts
- es/input-number/index.d.ts
- es/input/Input.d.ts
- es/input/index.d.ts
- es/layout/Sider.d.ts
- es/layout/index.d.ts
- es/layout/layout.d.ts
- es/list/index.d.ts
- es/masonry/Masonry.d.ts
- es/mentions/index.d.ts
- es/menu/MenuContext.d.ts
- es/menu/MenuItem.d.ts
- es/menu/SubMenu.d.ts
- es/menu/index.d.ts
- es/menu/menu.d.ts
- es/message/index.d.ts
- es/message/interface.d.ts
- es/modal/index.d.ts
- es/modal/interface.d.ts
- es/notification/index.d.ts
- es/notification/interface.d.ts
- es/pagination/Pagination.d.ts
- es/popconfirm/index.d.ts
- es/popover/index.d.ts
- es/progress/progress.d.ts
- es/qr-code/index.d.ts
- es/qr-code/interface.d.ts
- es/radio/index.d.ts
- es/radio/interface.d.ts
- es/rate/index.d.ts
- es/result/index.d.ts
- es/segmented/index.d.ts
- es/select/index.d.ts
- es/skeleton/Skeleton.d.ts
- es/slider/index.d.ts
- es/space/index.d.ts
- es/spin/index.d.ts
- es/splitter/index.d.ts
- es/splitter/interface.d.ts
- es/statistic/Countdown.d.ts
- es/statistic/Statistic.d.ts
- es/statistic/Timer.d.ts
- es/statistic/index.d.ts
- es/steps/index.d.ts
- es/switch/index.d.ts
- es/table/Column.d.ts
- es/table/InternalTable.d.ts
- es/table/Table.d.ts
- es/table/interface.d.ts
- es/tabs/TabPane.d.ts
- es/tabs/index.d.ts
- es/tag/index.d.ts
- es/theme/index.d.ts
- es/theme/interface/cssinjs-utils.d.ts
- es/theme/interface/index.d.ts
- es/time-picker/index.d.ts
- es/timeline/Timeline.d.ts
- es/tooltip/index.d.ts
- es/tour/index.d.ts
- es/tour/interface.d.ts
- es/transfer/index.d.ts
- es/tree-select/index.d.ts
- es/tree/Tree.d.ts
- es/tree/index.d.ts
- es/typography/index.d.ts
- es/upload/Dragger.d.ts
- es/upload/index.d.ts
- es/upload/interface.d.ts
- es/version/version.d.ts
- es/watermark/index.d.ts
Dependencies (48)
- @ant-design/colors
- @ant-design/cssinjs
- @ant-design/cssinjs-utils
- @ant-design/fast-color
- @ant-design/icons
- @ant-design/react-slick
- @babel/runtime
- @rc-component/cascader
- @rc-component/checkbox
- @rc-component/collapse
- @rc-component/color-picker
- @rc-component/dialog
- @rc-component/drawer
- @rc-component/dropdown
- @rc-component/form
- @rc-component/image
- @rc-component/input
- @rc-component/input-number
- @rc-component/mentions
- @rc-component/menu
- @rc-component/motion
- @rc-component/mutate-observer
- @rc-component/notification
- @rc-component/pagination
- @rc-component/picker
- @rc-component/progress
- @rc-component/qrcode
- @rc-component/rate
- @rc-component/resize-observer
- @rc-component/segmented
- @rc-component/select
- @rc-component/slider
- @rc-component/steps
- @rc-component/switch
- @rc-component/table
- @rc-component/tabs
- @rc-component/textarea
- @rc-component/tooltip
- @rc-component/tour
- @rc-component/tree
- @rc-component/tree-select
- @rc-component/trigger
- @rc-component/upload
- @rc-component/util
- clsx
- dayjs
- scroll-into-view-if-needed
- throttle-debounce
Dev Dependencies (170)
- @ant-design/compatible
- @ant-design/happy-work-theme
- @ant-design/tools
- @ant-design/x
- @antfu/eslint-config
- @antv/g6
- @biomejs/biome
- @blazediff/core
- @codecov/webpack-plugin
- @codesandbox/sandpack-react
- @dnd-kit/core
- @dnd-kit/modifiers
- @dnd-kit/sortable
- @dnd-kit/utilities
- @emotion/css
- @emotion/react
- @emotion/server
- @eslint-react/eslint-plugin
- @ianvs/prettier-plugin-sort-imports
- @inquirer/prompts
- @madccc/duplicate-package-checker-webpack-plugin
- @microflash/rehype-figure
- @npmcli/run-script
- @octokit/rest
- @prettier/sync
- @qixian.cs/github-contributors-list
- @size-limit/file
- @stackblitz/sdk
- @testing-library/dom
- @testing-library/jest-dom
- @testing-library/react
- @testing-library/user-event
- @types/adm-zip
- @types/ali-oss
- @types/cli-progress
- @types/css-tree
- @types/fs-extra
- @types/gtag.js
- @types/http-server
- @types/isomorphic-fetch
- @types/jest
- @types/jest-axe
- @types/jest-environment-puppeteer
- @types/jest-image-snapshot
- @types/jquery
- @types/jsdom
- @types/lodash
- @types/minimist
- @types/node
- @types/nprogress
- @types/pngjs
- @types/prismjs
- @types/progress
- @types/react
- @types/react-dom
- @types/react-highlight-words
- @types/react-resizable
- @types/semver
- @types/spinnies
- @types/tar
- @types/throttle-debounce
- @types/warning
- adm-zip
- ajv
- ali-oss
- antd-img-crop
- antd-style
- antd-token-previewer
- axios
- chalk
- cheerio
- circular-dependency-plugin
- cli-progress
- cross-env
- css-tree
- csstree-validator
- cypress-image-diff-html-report
- dekko
- dotenv
- dumi
- dumi-plugin-color-chunk
- env-paths
- eslint
- eslint-plugin-compat
- eslint-plugin-jest
- eslint-plugin-jsx-a11y
- eslint-plugin-react-hooks
- eslint-plugin-react-refresh
- fast-glob
- father
- fs-extra
- gh-pages
- github-slugger
- glob
- hast-util-to-string
- html2sketch
- http-server
- husky
- identity-obj-proxy
- immer
- is-ci
- isomorphic-fetch
- jest
- jest-axe
- jest-canvas-mock
- jest-environment-jsdom
- jest-environment-node
- jest-image-snapshot
- jest-puppeteer
- jquery
- jsdom
- jsonml-to-react-element
- jsonml.js
- lint-staged
- lodash
- lunar-typescript
- lz-string
- minimist
- mockdate
- node-fetch
- node-notifier
- open
- ora
- p-all
- package-manager-detector
- pngjs
- portfinder
- prettier
- pretty-format
- prismjs
- puppeteer
- rc-footer
- rc-tween-one
- rc-virtual-list
- react
- react-countup
- react-dom
- react-draggable
- react-fast-marquee
- react-highlight-words
- react-icons
- react-infinite-scroll-component
- react-resizable
- react-router-dom
- react-sticky-box
- rehype-stringify
- remark
- remark-cli
- remark-gfm
- remark-lint
- remark-lint-no-undefined-references
- remark-preset-lint-recommended
- remark-rehype
- rimraf
- runes2
- semver
- sharp
- simple-git
- size-limit
- spinnies
- swr
- tar
- tsx
- typedoc
- typescript
- vanilla-jsoneditor
- vanilla-tilt
- webpack
- webpack-bundle-analyzer
- xhr-mock
Peer Dependencies (2)
Badge
To add a badge like this oneto your package's README, use the codes available below.
You may also use Shields.io to create a custom badge linking to https://www.jsdocs.io/package/antd.
- Markdown[](https://www.jsdocs.io/package/antd)
- HTML<a href="https://www.jsdocs.io/package/antd"><img src="https://img.shields.io/badge/jsDocs.io-reference-blue" alt="jsDocs.io"></a>
- Updated .
Package analyzed in 22023 ms. - Missing or incorrect documentation? Open an issue for this package.
