Alert component purpose and essence
The Alert component is designed to display alerts that need attention within pages and modules. It helps users understand and respond to important notifications.
components & buttons
39 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.
Alert content display capability
Alert can display alert content and can be used together with titles to provide context for the notification.
FloatButton disabled support
FloatButton supports `disabled` prop added in version 6.4.0.
Listy high-performance virtual list component added in 6.6.0
Version 6.6.0 introduced the new Listy component, a high-performance virtual list supporting grouping, sticky headers, and imperative scrolling.
Tree useTree hook for node path retrieval
Version 6.6.0 added the `useTree` hook to Tree to get node paths, and supports `scrollTo({ autoExpand: true })` to automatically expand the target node before scrolling.
FloatButton.BackTop showProgress property
Version 6.6.0 added the `showProgress` property to FloatButton.BackTop to display the current scroll progress on the button edge.
Tabs more.popupRender for custom overflow menu
Version 6.6.0 added the `more.popupRender` property to Tabs to support customizing the content of the collapsed dropdown menu.
BorderBeam count property for multiple light beams
Version 6.6.0 added the `count` property to BorderBeam to support displaying multiple evenly distributed light beams on the container edge.
BorderBeam new component in 6.4.0
Version 6.4.0 added the new BorderBeam component, which displays a flowing highlight animation effect on container borders.
BorderBeam duration property for light beam timing
Version 6.5.0 added the `duration` property to BorderBeam to control the time for one full light beam cycle.
BorderBeam lineWidth property for beam width
Version 6.5.0 added the `lineWidth` property to BorderBeam to control the light beam width.
BorderBeam size property for beam size
Version 6.5.0 added the `size` property to BorderBeam to control the light beam size.
Badge title property to remove native tooltip
Version 6.5.0 added the `title` property to Badge to support removing the native tooltip.
Layout.Sider semantic classNames and styles support
Version 6.5.0 added semantic `classNames` and `styles` support to Layout.Sider.
Modal infoIcon successIcon warningIcon errorIcon global configuration in ConfigProvider
Version 6.4.0 added support for configuring Modal `infoIcon`, `successIcon`, `warningIcon`, and `errorIcon` globally through ConfigProvider.
Modal and Drawer focusable global configuration in ConfigProvider
Version 6.4.0 added the `focusable` global configuration in ConfigProvider for Modal and Drawer to control whether the components can receive focus.
Modal scrollLock property to control body scroll
Version 6.5.0 added the `scrollLock` property to Modal to control whether body scrolling is locked when the modal is open.
Modal closeIcon semantic node for custom styling
Version 6.4.0 added the `closeIcon` semantic node to Modal to support `classNames` and `styles` configuration.
Splitter destroyOnHidden property for content mounting management
Version 6.4.0 added the `destroyOnHidden` property to Splitter for managing panel content mounting.
Splitter collapsible smooth transition animation
Version 6.4.0 added smooth transition animation for Splitter collapsible panels.
Splitter collapsible.icon replaces deprecated collapsibleIcon
Version 6.4.0 deprecated Splitter `collapsibleIcon` property and added `collapsible.icon` as replacement.
Alert variant property for filled and outlined styles
Version 6.4.0 added the `variant` property to Alert to support filled and outlined style variants, with ConfigProvider configuration support.
Steps maxCount collapse mode for dense step display
Version 6.5.0 added the `maxCount` collapse mode to Steps to display dense step items.
Tag close semantic node for custom close icon
Version 6.4.0 added the `close` semantic node to Tag to support `classNames` and `styles` configuration for the close icon.
Tag CheckableTagGroup per-item className and style support
Version 6.4.0 added per-item `className` and `style` support to Tag CheckableTagGroup.
Tabs body and content semantic DOM support
Version 6.5.0 added `body` and `content` semantic DOM support to Tabs.
Tabs remove semantic node for close button
Version 6.4.0 added the `remove` semantic node to Tabs to support close icon `classNames` and `styles` configuration.
Tour closeIcon semantic node for custom styling
Version 6.4.0 added the `closeIcon` semantic node to Tour to support `classNames` and `styles` configuration.
Tree and TreeSelect itemSwitcher semantic support
Version 6.4.0 added `itemSwitcher` semantic support to Tree and TreeSelect.
Watermark content per-row font style support
Version 6.5.0 added per-row font style support for Watermark `content`.
App ref support for instance methods access
Version 6.4.0 added `ref` support to App to access instance methods through ref.
Calendar itemContent semantic DOM support
Version 6.4.0 added `itemContent` semantic DOM support to Calendar.
FloatButton disabled support
Version 6.4.0 added `disabled` support to FloatButton.
Popconfirm icon semantic node for custom styling
Version 6.4.0 added the `icon` semantic node to Popconfirm to support `classNames` and `styles` configuration.
Space.Addon design token support
Version 6.4.0 added Design Token support to Space.Addon.
Wave triggerType configuration for effect triggering
Version 6.4.0 added the `triggerType` configuration to Wave to control which element triggers the wave effect.
Notification complete semantic structure support
Version 6.4.0 added complete semantic structure support to Notification.
Size enumeration standardization across components
Version 6.3.2 standardized size enumeration values: Badge, Card, Progress, Steps, Switch and Spin now use 'medium' instead of 'default'; Descriptions uses 'medium' and 'large' instead of 'middle' and 'default'; Table and Divider use 'medium' instead of 'middle'.
Icon built-in AI model icons
Version 6.5.0 added built-in icons for: Anthropic, Claude, Gemini, Mistral, DeepSeek, Qwen, Perplexity, HuggingFace, Ollama, Replicate, ElevenLabs, Telegram, Mastodon, Threads and Snapchat.