Util component category and purpose
Utilities are used to assist development and provide common utility methods. The Util section is categorized under 'Other' with an order of 99 in the component documentation.
components/common-props
165 notes in this subject, read out of this brain and free to use. This is page 3 of 3.
App ref support
App supports `ref` prop added in version 6.4.0 to access instance methods programmatically.
ConfigProvider component config typings expose semantic classNames and styles
ConfigProvider component config typings have been updated to expose semantic classNames and styles for supported components. This was fixed in version 6.3.4 with PR #57396.
Grid xxxl breakpoint at 1920px
Grid now supports an xxxl breakpoint at 1920px to adapt to Full HD screens. This was added in version 6.3.0 with PR #56825.
ConfigProvider maskClosable global configuration for Modal and Drawer
ConfigProvider supports global configuration of maskClosable for Modal and Drawer components. This was added in version 6.3.0 with PR #56739.
ConfigProvider scroll global configuration for Table
ConfigProvider supports global scroll configuration for Table. This was added in version 6.3.0 with PR #56628.
ConfigProvider className and style for App and arrow prop for ColorPicker
ConfigProvider supports className and style configuration for App component, and arrow prop for ColorPicker. This was added in version 6.3.0 with PR #56573.
ConfigProvider rangePicker.separator global configuration
ConfigProvider supports global rangePicker.separator configuration. This was added in version 6.3.0 with PR #56499.
ConfigProvider configures Alert global icons
ConfigProvider supports configuring Alert global icons. This was added in version 6.2.0 with PR #56241.
Pagination size property
Pagination supports size property. This was added in version 6.2.0 with PR #56009.
Tour keyboard property for keyboard operations
Tour adds keyboard property to configure keyboard operations. This was added in version 6.2.0 with PR #56581.
ConfigProvider supports trigger property for Tooltip Popover Popconfirm
ConfigProvider supports configuring the trigger property for Tooltip, Popover, and Popconfirm. This was added in version 6.1.0 with PR #55932.
ConfigProvider Table rowKey global config
ConfigProvider now supports global configuration for Table `rowKey` property.
ConfigProvider Card.Meta config
ConfigProvider now supports configuration for Card.Meta component.
ConfigProvider arrow for Tooltip, Popover, Popconfirm
ConfigProvider now supports global configuration of the arrow property for Tooltip, Popover, and Popconfirm components.
ConfigProvider Space root config
ConfigProvider now supports `root` configuration option for Space component.
Tooltip smooth movement with tooltip.unique
ConfigProvider supports configuring `tooltip.unique` to enable smooth movement animation of Tooltip components.
ConfigProvider global configuration for Tooltip and Popover delays
Version 6.6.0 added global configuration support in ConfigProvider for `mouseEnterDelay` and `mouseLeaveDelay` properties on Tooltip, Popover and Popconfirm components.
nativeElement ref support for multiple components
Version 6.6.0 added `nativeElement` ref support to Avatar.Group, Badge.Ribbon, Breadcrumb, Calendar, Card.Grid, Card.Meta, Carousel, Descriptions, Divider, Empty, FloatButton.Group, List.Item.Meta, QRCode, Result, Skeleton, Space.Compact, Spin, Splitter, Transfer and Watermark to access their root DOM elements.
GetProp Return type support added
Version 6.4.0 added Return type support to antd GetProp utility.
TypeScript type fixes for component props
Multiple TypeScript type definition fixes were made across versions 6.3.x to 6.6.0 including: AutoComplete showSearch type leak, Descriptions native HTML attributes support, Upload.Dragger generic support, Modal onCancel KeyboardEvent support, and Tour step-specific indicatorsRender and actionsRender types.
Grid adds xxxl breakpoint at 1920px
Grid component now includes a new `xxxl` breakpoint set at 1920px to accommodate Full HD screens.
Modal and Drawer default to no blur effect on mask
Modal and Drawer components now disable the blur effect on the mask by default.
Tooltip and Popover animation starting position fix
Fixed an issue where popup layer animations for Tooltip and Popover had an incorrect starting position (misaligned to the left).
Spin component DOM structure refactored
Spin component DOM structure was refactored to align different scenarios and now supports full semantic structure.
Avatar default size changed from default to medium
Avatar component's `size` default value was changed from `default` to `medium` for consistency.
Tour adds keyboard property
Tour component now includes a new `keyboard` property to configure keyboard operation support.
Tooltip Popover Popconfirm can be closed with ESC key by default
Tooltip, Popover, and Popconfirm components can now be closed by pressing the ESC key by default.
Modal supports focusable.trap configuration
Modal component now supports `focusable.trap` configuration to control whether focus should be locked inside the Modal.
Drawer adds focusable property for focus management
Drawer component now includes a `focusable` property to configure focus behavior after opening, supporting focus locking within the drawer and focus return after closing.
Watermark adds onRemove event
Watermark component now includes an `onRemove` event that fires when the watermark is manually removed by the user.
Alert closable supports onClose and afterClose callbacks
Alert component's `closable` property now supports `onClose` and `afterClose` callback methods.
Flex adds orientation property for layout
Flex component now includes an `orientation` property for configuring layout direction. The existing `vertical` syntax sugar is still supported.
Drawer adds resizable property for drag-to-resize
Drawer component now includes a `resizable` property enabling drag-to-resize functionality.
Drawer adds blur effect to mask
Drawer component's mask now displays a blur effect.
Notification uses closable property for onClose and closeIcon
Notification component now consolidates `onClose` and `closeIcon` into a single `closable` property.
Notification supports custom progress bar color
Notification component now supports customizing the progress bar color.
Notification title property replaces message
Notification component now includes a `title` property replacing the deprecated `message` property.
Modal closable supports onClose property
Modal component's `closable` property now supports `onClose` callback that fires when the modal is closed by any method.
Tabs tabPosition renamed to tabPlacement
Tabs component's `tabPosition` property has been renamed to `tabPlacement` using logical position description values `start` and `end` instead of `left` and `right`.
Spin supports styles.wrapper
Spin component now supports `styles.wrapper` for customizing the wrapper element styles.
Splitter uses orientation instead of layout
Splitter component now uses `orientation` property instead of `layout` with additional `vertical` property support.
Splitter supports custom drag icon
Splitter component now supports customizing the drag handle icon.
Message supports pauseOnHover
Message component now supports `pauseOnHover` property to pause the countdown when user hovers over it.
Tooltip performance improved in dev mode
Tooltip component performance has been optimized in development mode by approximately 40%.