InputNumber数字输入框 何时使用 代码演示 API 方法 InputNumber数字输入框 通过鼠标或键盘，输入范围内的数值。 何时使用 当需要获取标准数值时。 代码演示 基本 数字输入框。 import { InputNumber } from 'antd' ; function ...

Anchor锚点 何时使用 代码演示 API Anchor Props Link Props Anchor锚点 用于跳转到页面指定位置。 何时使用 需要展现当前页面上可供跳转的锚点链接，以及快速在锚点之间跳转。 代码演示 基本 最简单的用法。 import { Anchor } from 'antd...

Notification通知提醒框 何时使用 代码演示 API FAQ 为什么 notification 不能获取 context、redux 的内容？ Notification通知提醒框 全局展示通知提醒信息。 何时使用 在系统四个角显示通知提醒信息。经常用于以下情况： 较为复杂的通知内容。 带有交互的通知，给出用户下一步的...

社区精选组件 推荐产品 ✨ 社区精选组件 antd 是 Ant Design 设计规范的 React 实现，所以我们倾向于只提供符合该规范、且带有视觉展现的 UI 组件，也尽量不重复造轮子。我们推荐使用以下社区已有的优秀实现，与 antd 形成互补： 类型 推荐组件 可视化图表 AntV 数据可视化解决方案 🔥 AntV 图表库 BizCh...

国际化 LocaleProvider i18n 项目示例 国际化 antd 目前的默认文案是英文，如果需要使用其他语言，可以参考下面的方案。 LocaleProvider antd 提供了一个 React 组件 LocaleProvider 用于全局配置国际化文案。 import zhCN from 'antd/lib/loc...

Divider分割线 何时使用 代码演示 API Divider分割线 区隔内容的分割线。 何时使用 对不同章节的文本段落进行分割。 对行内文字/链接进行分割，例如表格的操作列。 代码演示 水平分割线 默认为水平分割线，可在中间加入文字。 import { Divider } from 'an...

Tooltip文字提示 何时使用 代码演示 API 共同的 API 注意 Tooltip文字提示 简单的文字提示气泡框。 何时使用 鼠标移入则显示提示，移出消失，气泡浮层不承载复杂文本和操作。 可用来代替系统默认的 title 提示，提供一个按钮/文字/操作 的文案解释。 代码演示 基本 最简单的用法。 impor...

Grid 九宫格 定义／Definition 规则 / Rule 代码演示 API Grid Grid 九宫格 定义／Definition 卡片可以控制和组织信息，通常是更复杂或详细信息的切入点。 规则 / Rule 九宫格内文本最长不超过五个字符。 代码演示 基本 import { Grid } f...

Skeleton骨架屏 何时使用 代码演示 API Skeleton SkeletonAvatarProps SkeletonTitleProps SkeletonParagraphProps SkeletonButtonProps SkeletonInputProps Skeleton骨架屏 在需要等待加载内容的位置提供一个占位图...

Steps步骤条 何时使用 代码演示 API Steps Steps.Step Steps步骤条 引导用户按照流程完成任务的导航条。 何时使用 当任务复杂或者存在先后关系时，将其分解成一系列步骤，从而简化任务。 代码演示 基本用法 简单的步骤条。 import { Steps } from 'ant...