AntDesign
Offset from the bottom of the viewport (in pixels)
Offset from the top of the viewport (in pixels)
Specifies the scrollable area DOM node
Alert component for feedback.
Called when close animation is finished
Whether to show as banner
Whether Alert can be closed
Close text to show
Additional content of Alert
Custom icon, effective when showIcon is true
Content of Aler
Whether to show icon.
Type of Alert styles, options: success, info, warning, error
Callback when Alert is closed.
Additional Content
Icon to show.
Indicator if the component is closed or not.
Just before we close the component we set this indicator to show a closing animation.
Sets the default classes.
Triggered each time a parameter is changed.
Start-up code.
Handles the close callback.
Handles the after close callback.
Small numerical value or status descriptor for UI elements.
Customize Badge dot color
Number to show in badge
Whether to display a red dot instead of count
Set offset of the badge dot, like[x, y]
Max count to show
Whether to show badge when count is zero
Set Badge as a status dot
If status is set, text sets the display text of the status dot
Text to show when hovering over the badge
Wrapping this item.
Sets the default CSS classes.
Startup code
Runs every time a parameter is set.
The position of the dots, which can be one of Top, Bottom, Left or Right,
Whether to scroll automatically
Transition effect,
Returned ElementRef reference for DOM element.
Specifies one or more class names for an DOM element.
Specifies an inline style for an DOM element.
Base class for any input control that optionally supports an .
the natural type of the input's value
When contained within an disables this control's
participation in validation checking. This means that this control will not
reflect the validation state of the underlying data binding.
Gets the associated .
Gets the for the bound value.
Gets a string that indicates the status of the field being edited. This will include
some combination of "modified", "valid", or "invalid", depending on the status of the field.
Should be invoked by whenever a bound value is changed, such
as right after the value's corresponding ValueChanged
EventCallback is invoked.
Gets or sets an expression that identifies the bound value.
set if there any child overlay show or hide
overlay would not hide if any child is showing
when overlay is complete hide, IsPopup return true
when overlay is hiding(playing hide animation), IsPopup return false, IsHiding return true.
Get pickerValue by picker index
Get value by picker index
"left" | "right" | "top" | "bottom"
"ltr"|"rtl"
'top' | 'middle' | 'bottom'
'start' | 'end' | 'center' | 'space-around' | 'space-between'
'fill' | 'outline' | 'twotone';
Invoked when user add/remove content
scrollHeight of 1 row
total height = row * +
'light' | 'dark'
"xs" | "sm" | "md" | "lg" | "xl" | "xxl"
Gets or sets the CSS class name applied to the NavLink when the
current route matches the NavLink href.
Gets or sets the computed CSS class based on whether or not the link is active.
Gets or sets the child content of the component.
Gets or sets a value representing the URL matching behavior.
Message Service
控制出现与消失的动画
自定义关闭按钮
自定义 CSS class
自定义关闭图标
通知提醒标题,必选,string 或者 RenderFragment
通知提醒内容,必选,string 或者 RenderFragment
自动关闭的延时,单位为秒。默认 4.5 秒后自动关闭,配置为 null 则不自动关闭
自定义图标
当前通知唯一标志
当通知关闭时触发
点击通知时触发的回调函数
自定义内联样式
弹出位置
通知提醒框左侧的图标类型
AntNotification全局配置
消息从底部弹出时,距离底部的位置,单位像素。
消息从顶部弹出时,距离顶部的位置,单位像素。
是否开启 RTL 模式
自定义关闭图标
自动关闭的延时,单位为秒。默认 4.5 秒后自动关闭,配置为 null 则不自动关闭
弹出位置
modify global config
AntNotification Service
Open a notification box
close notification by key
destroy
'default' | 'small'
'page' | 'prev' | 'next' | 'prev_5' | 'next_5'
'page' | 'prev' | 'next' | 'prev_5' | 'next_5'
'default' | 'small' = 'default';
progress size
to set the type, options: line circle dashboard
template function of the content
to set the completion percentage
whether to display the progress value and the status icon
to set the status of the Progress, options: success exception normal active(line only)
to set the style of the progress linecap
color of progress bar
segmented success percent
color of unfilled part
to set the width of the progress bar, unit: px
to set the width of the circular progress, unit: percentage of the canvas width
to set the width of the dashboard progress, unit: percentage of the canvas width
color of progress bar, render linear-gradient when passing an object
color of circular progress, render linear-gradient when passing an object
the total step count
to set the canvas width of the circular progress, unit: px
to set the canvas width of the dashboard progress, unit: px
the gap degree of half circle, 0 ~ 295
the gap position, options: top bottom left right
success | error | info | warning | 404 | 403 | 500
default: info
The default value of slider. When is false, use number, otherwise, use [number, number]
If true, the slider will not be interactable
Whether the thumb can drag over tick only
Make effect when not null, true means containment and false means coordinative
Tick mark of Slider, type of key must be number, and must in closed interval [min, max], each mark can declare its own style
The maximum value the slider can slide to
The minimum value the slider can slide to
dual thumb mode
reverse the component
The granularity the slider can step through values. Must greater than 0, and be divided by ( - ) . When no null, can be null.
Slider will pass its value to tipFormatter, and display its value in Tooltip, and hide Tooltip when return value is null.
The value of slider. When range is false, use number, otherwise, use [number, number]
If true, the slider will be vertical.
Fire when onmouseup is fired.
Callback function that is fired when the user changes the slider's value.
Set Tooltip display position. Ref Tooltip
If true, Tooltip will show always, or it will not show anyway, even if dragging or hovering.
The DOM container of the Tooltip, the default behavior is to create a div element in body.
small | default | large
Forced render of content in tabs, not lazy render after clicking on tabs
TabPane's key
Show text in 's head
Current 's
Whether to change tabs with animation. Only works while = or
Replace the TabBar
Initial active 's , if is not set
Hide plus icon or not. Only works while =
Preset tab bar size
Extra content in tab bar
The gap between tabs
Tab bar style object
Position of tabs
Basic style of tabs
Callback executed when active tab is changed
Callback executed when tab is added or removed. Only works while =
Callback executed when next button is clicked
Callback executed when prev button is clicked
Callback executed when tab is clicked
Whether to turn on keyboard navigation
Add to
The AntTabPane to be added
Key is null
An AntTabPane with the same key already exists
'default' | 'closeable' | 'checkable'
'left' | 'alternate' | 'right'
'horizontal' | 'vertical'
'left' | 'right' | 'center'