mirror of
https://github.com/ant-design/ant-design.git
synced 2025-06-07 09:26:06 +08:00
docs: 🌈 Add Components overview page (#24491)
* docs: Add components overview page * fix detail * remove ContributorsList form overview page * fix components url * improve code style * remove extra file * fix detail * fix lint * fix lint * docs: Finish components overview page * fix lint * docs: Update cover * fix lint * update cover * update menu * improve overview page * refactor code * fix order * update title * add components count * fix overview page ssr bug * move less file * update title margin Co-authored-by: arvinxx <arvinx@foxmail.com>
This commit is contained in:
偏右
GitHub
parent
e573ac4e89
commit
882cec62d6
@ -110,7 +110,7 @@ Veja [i18n](https://ant.design/docs/react/i18n).
|
||||
## 🔗 Links
|
||||
|
||||
- [Página inicial](https://ant.design/)
|
||||
- [Componentes](https://ant.design/components/button)
|
||||
- [Componentes](https://ant.design/components/overview)
|
||||
- [Ant Design Pro](http://pro.ant.design/)
|
||||
- [Ant Design Charts](https://charts.ant.design)
|
||||
- [Change Log](CHANGELOG.en-US.md)
|
||||
|
||||
@ -114,7 +114,7 @@ import 'antd/dist/antd.css'; // or 'antd/dist/antd.less'
|
||||
## 🔗 链接
|
||||
|
||||
- [首页](https://ant.design/)
|
||||
- [组件库](https://ant.design/docs/react/introduce)
|
||||
- [组件库](https://ant.design/components/overview-cn)
|
||||
- [Ant Design Pro](http://pro.ant.design/)
|
||||
- [Ant Design Charts](https://charts.ant.design)
|
||||
- [更新日志](CHANGELOG.en-US.md)
|
||||
|
||||
@ -110,7 +110,7 @@ Dozens of languages supported in `antd`, see [i18n](https://ant.design/docs/reac
|
||||
## 🔗 Links
|
||||
|
||||
- [Home page](https://ant.design/)
|
||||
- [Components](https://ant.design/components/button/)
|
||||
- [Components](https://ant.design/components/overview)
|
||||
- [Ant Design Pro](http://pro.ant.design/)
|
||||
- [Ant Design Charts](https://charts.ant.design)
|
||||
- [Change Log](CHANGELOG.en-US.md)
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
category: Components
|
||||
type: Navigation
|
||||
title: Affix
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/SQGCQ7gOO/Affix.svg
|
||||
---
|
||||
|
||||
Wrap Affix around another component to make it stick the viewport.
|
||||
|
||||
@ -3,6 +3,7 @@ category: Components
|
||||
subtitle: 固钉
|
||||
type: 导航
|
||||
title: Affix
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/SQGCQ7gOO/Affix.svg
|
||||
---
|
||||
|
||||
将页面元素钉在可视范围。
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
category: Components
|
||||
type: Feedback
|
||||
title: Alert
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/nuhf3vdRno/Alert.svg
|
||||
---
|
||||
|
||||
Alert component for feedback.
|
||||
|
||||
@ -3,6 +3,7 @@ category: Components
|
||||
subtitle: 警告提示
|
||||
type: 反馈
|
||||
title: Alert
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/nuhf3vdRno/Alert.svg
|
||||
---
|
||||
|
||||
警告提示，展现需要关注的信息。
|
||||
|
||||
@ -3,6 +3,7 @@ category: Components
|
||||
type: Other
|
||||
cols: 2
|
||||
title: Anchor
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/ep_L42LFy/Anchor.svg
|
||||
---
|
||||
|
||||
Hyperlinks to scroll on one page.
|
||||
|
||||
@ -4,6 +4,7 @@ subtitle: 锚点
|
||||
cols: 2
|
||||
type: 其他
|
||||
title: Anchor
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/ep_L42LFy/Anchor.svg
|
||||
---
|
||||
|
||||
用于跳转到页面指定位置。
|
||||
|
||||
@ -3,6 +3,7 @@ category: Components
|
||||
type: Data Entry
|
||||
cols: 2
|
||||
title: AutoComplete
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/gtGCgVDKv/AutoComplete.svg
|
||||
---
|
||||
|
||||
Autocomplete function of input field.
|
||||
|
||||
@ -4,6 +4,7 @@ subtitle: 自动完成
|
||||
type: 数据录入
|
||||
cols: 2
|
||||
title: AutoComplete
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/gtGCgVDKv/AutoComplete.svg
|
||||
---
|
||||
|
||||
输入框自动完成功能。
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
category: Components
|
||||
type: Data Display
|
||||
title: Avatar
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/aBcnbw68hP/Avatar.svg
|
||||
---
|
||||
|
||||
Avatars can be used to represent people or objects. It supports images, `Icon`s, or letters.
|
||||
|
||||
@ -3,6 +3,7 @@ category: Components
|
||||
subtitle: 头像
|
||||
type: 数据展示
|
||||
title: Avatar
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/aBcnbw68hP/Avatar.svg
|
||||
---
|
||||
|
||||
用来代表用户或事物，支持图片、图标或字符展示。
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
category: Components
|
||||
type: Other
|
||||
title: BackTop
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/Ji3PnAAMT/BackTop.svg
|
||||
---
|
||||
|
||||
`BackTop` makes it easy to go back to the top of the page.
|
||||
|
||||
@ -3,6 +3,7 @@ category: Components
|
||||
type: 其他
|
||||
subtitle: 回到顶部
|
||||
title: BackTop
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/Ji3PnAAMT/BackTop.svg
|
||||
---
|
||||
|
||||
返回页面顶部的操作按钮。
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
category: Components
|
||||
type: Data Display
|
||||
title: Badge
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/6%26GF9WHwvY/Badge.svg
|
||||
---
|
||||
|
||||
Small numerical value or status descriptor for UI elements.
|
||||
|
||||
@ -3,6 +3,7 @@ category: Components
|
||||
subtitle: 徽标数
|
||||
type: 数据展示
|
||||
title: Badge
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/6%26GF9WHwvY/Badge.svg
|
||||
---
|
||||
|
||||
图标右上角的圆形徽标数字。
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
category: Components
|
||||
type: Navigation
|
||||
title: Breadcrumb
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/9Ltop8JwH/Breadcrumb.svg
|
||||
---
|
||||
|
||||
A breadcrumb displays the current location within a hierarchy. It allows going back to states higher up in the hierarchy.
|
||||
|
||||
@ -3,6 +3,7 @@ category: Components
|
||||
subtitle: 面包屑
|
||||
type: 导航
|
||||
title: Breadcrumb
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/9Ltop8JwH/Breadcrumb.svg
|
||||
---
|
||||
|
||||
显示当前页面在系统层级结构中的位置，并能向上返回。
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
category: Components
|
||||
type: General
|
||||
title: Button
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/qZWIjVIkQ7/Button.svg
|
||||
---
|
||||
|
||||
To trigger an operation.
|
||||
|
||||
@ -3,6 +3,7 @@ category: Components
|
||||
type: 通用
|
||||
title: Button
|
||||
subtitle: 按钮
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/qZWIjVIkQ7/Button.svg
|
||||
---
|
||||
|
||||
按钮用于开始一个即时操作。
|
||||
|
||||
@ -3,6 +3,7 @@ category: Components
|
||||
type: Data Display
|
||||
cols: 1
|
||||
title: Calendar
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/dPQmLq08DI/Calendar.svg
|
||||
---
|
||||
|
||||
Container for displaying data in calendar form.
|
||||
|
||||
@ -4,6 +4,7 @@ type: 数据展示
|
||||
subtitle: 日历
|
||||
cols: 1
|
||||
title: Calendar
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/dPQmLq08DI/Calendar.svg
|
||||
---
|
||||
|
||||
按照日历形式展示数据的容器。
|
||||
|
||||
@ -3,6 +3,7 @@ category: Components
|
||||
type: Data Display
|
||||
title: Card
|
||||
cols: 1
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/NqXt8DJhky/Card.svg
|
||||
---
|
||||
|
||||
Simple rectangular container.
|
||||
|
||||
@ -4,6 +4,7 @@ type: 数据展示
|
||||
title: Card
|
||||
subtitle: 卡片
|
||||
cols: 1
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/NqXt8DJhky/Card.svg
|
||||
---
|
||||
|
||||
通用卡片容器。
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
category: Components
|
||||
type: Data Display
|
||||
title: Carousel
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/%24C9tmj978R/Carousel.svg
|
||||
---
|
||||
|
||||
A carousel component. Scales with its container.
|
||||
|
||||
@ -3,6 +3,7 @@ category: Components
|
||||
type: 数据展示
|
||||
title: Carousel
|
||||
subtitle: 走马灯
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/%24C9tmj978R/Carousel.svg
|
||||
---
|
||||
|
||||
旋转木马，一组轮播的区域。
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
category: Components
|
||||
type: Data Entry
|
||||
title: Cascader
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/cOHaAyTQ3u/Cascader.svg
|
||||
---
|
||||
|
||||
Cascade selection box.
|
||||
|
||||
@ -3,6 +3,7 @@ category: Components
|
||||
type: 数据录入
|
||||
title: Cascader
|
||||
subtitle: 级联选择
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/cOHaAyTQ3u/Cascader.svg
|
||||
---
|
||||
|
||||
级联选择框。
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
category: Components
|
||||
type: Data Entry
|
||||
title: Checkbox
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/p7QZthygf/Checkbox.svg
|
||||
---
|
||||
|
||||
Checkbox component.
|
||||
|
||||
@ -3,6 +3,7 @@ category: Components
|
||||
subtitle: 多选框
|
||||
type: 数据录入
|
||||
title: Checkbox
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/p7QZthygf/Checkbox.svg
|
||||
---
|
||||
|
||||
多选框。
|
||||
|
||||
@ -3,6 +3,7 @@ category: Components
|
||||
type: Data Display
|
||||
title: Collapse
|
||||
cols: 1
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/IxH16B9RD/Collapse.svg
|
||||
---
|
||||
|
||||
A content area which can be collapsed and expanded.
|
||||
|
||||
@ -4,6 +4,7 @@ type: 数据展示
|
||||
title: Collapse
|
||||
subtitle: 折叠面板
|
||||
cols: 1
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/IxH16B9RD/Collapse.svg
|
||||
---
|
||||
|
||||
可以折叠/展开的内容区域。
|
||||
|
||||
@ -3,6 +3,7 @@ category: Components
|
||||
type: Data Display
|
||||
title: Comment
|
||||
cols: 1
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/uNYjrKkPv/Comment.svg
|
||||
---
|
||||
|
||||
A comment displays user feedback and discussion to website content.
|
||||
|
||||
@ -4,6 +4,7 @@ type: 数据展示
|
||||
title: Comment
|
||||
subtitle: 评论
|
||||
cols: 1
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/uNYjrKkPv/Comment.svg
|
||||
---
|
||||
|
||||
对网站内容的反馈、评价和讨论。
|
||||
|
||||
@ -3,6 +3,7 @@ category: Components
|
||||
type: Other
|
||||
cols: 1
|
||||
title: ConfigProvider
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/kegYxl1wj/ConfigProvider.svg
|
||||
---
|
||||
|
||||
`ConfigProvider` provides a uniform configuration support for components.
|
||||
|
||||
@ -4,6 +4,7 @@ subtitle: 全局化配置
|
||||
cols: 1
|
||||
type: 其他
|
||||
title: ConfigProvider
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/kegYxl1wj/ConfigProvider.svg
|
||||
---
|
||||
|
||||
为组件提供统一的全局化配置。
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
category: Components
|
||||
type: Data Entry
|
||||
title: DatePicker
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/Xr6CsbN_a/DatePicker.svg
|
||||
---
|
||||
|
||||
To select or input a date.
|
||||
|
||||
@ -3,6 +3,7 @@ category: Components
|
||||
type: 数据录入
|
||||
title: DatePicker
|
||||
subtitle: 日期选择框
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/Xr6CsbN_a/DatePicker.svg
|
||||
---
|
||||
|
||||
输入或选择日期的控件。
|
||||
|
||||
@ -3,6 +3,7 @@ category: Components
|
||||
type: Data Display
|
||||
title: Descriptions
|
||||
cols: 1
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/MjtG9_FOI/Descriptions.svg
|
||||
---
|
||||
|
||||
Display multiple read-only fields in groups.
|
||||
|
||||
@ -4,6 +4,7 @@ subtitle: 描述列表
|
||||
type: 数据展示
|
||||
title: Descriptions
|
||||
cols: 1
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/MjtG9_FOI/Descriptions.svg
|
||||
---
|
||||
|
||||
成组展示多个只读字段。
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
category: Components
|
||||
type: Layout
|
||||
title: Divider
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/5swjECahe/Divider.svg
|
||||
---
|
||||
|
||||
A divider line separates different content.
|
||||
|
||||
@ -3,6 +3,7 @@ category: Components
|
||||
type: 布局
|
||||
title: Divider
|
||||
subtitle: 分割线
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/5swjECahe/Divider.svg
|
||||
---
|
||||
|
||||
区隔内容的分割线。
|
||||
|
||||
@ -3,6 +3,7 @@ type: Feedback
|
||||
category: Components
|
||||
subtitle:
|
||||
title: Drawer
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/7z8NJQhFb/Drawer.svg
|
||||
---
|
||||
|
||||
A panel which slides in from the edge of the screen.
|
||||
|
||||
@ -3,6 +3,7 @@ type: 反馈
|
||||
category: Components
|
||||
subtitle: 抽屉
|
||||
title: Drawer
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/7z8NJQhFb/Drawer.svg
|
||||
---
|
||||
|
||||
屏幕边缘滑出的浮层面板。
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
category: Components
|
||||
type: Navigation
|
||||
title: Dropdown
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/TIIiKrsQT/Dropdown.svg
|
||||
---
|
||||
|
||||
A dropdown list.
|
||||
|
||||
@ -3,6 +3,7 @@ category: Components
|
||||
subtitle: 下拉菜单
|
||||
type: 导航
|
||||
title: Dropdown
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/TIIiKrsQT/Dropdown.svg
|
||||
---
|
||||
|
||||
向下弹出的列表。
|
||||
|
||||
@ -3,6 +3,7 @@ category: Components
|
||||
type: Data Display
|
||||
title: Empty
|
||||
cols: 1
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/HzvSywumz/Empty.svg
|
||||
---
|
||||
|
||||
Empty state placeholder.
|
||||
|
||||
@ -4,6 +4,7 @@ subtitle: 空状态
|
||||
type: 数据展示
|
||||
title: Empty
|
||||
cols: 1
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/HzvSywumz/Empty.svg
|
||||
---
|
||||
|
||||
空状态时的展示占位图。
|
||||
|
||||
@ -3,6 +3,7 @@ category: Components
|
||||
type: Data Entry
|
||||
cols: 1
|
||||
title: Form
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/YeW5m96xHG/Form.svg
|
||||
---
|
||||
|
||||
High performance Form component with data scope management. Including data collection, verification, and styles.
|
||||
|
||||
@ -4,6 +4,7 @@ subtitle: 表单
|
||||
type: 数据录入
|
||||
cols: 1
|
||||
title: Form
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/YeW5m96xHG/Form.svg
|
||||
---
|
||||
|
||||
高性能表单控件，自带数据域管理。包含数据录入、校验以及对应样式。
|
||||
|
||||
@ -3,6 +3,7 @@ category: Components
|
||||
type: Layout
|
||||
cols: 1
|
||||
title: Grid
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/5rWLU27so/Grid.svg
|
||||
---
|
||||
|
||||
24 Grids System。
|
||||
|
||||
@ -4,6 +4,7 @@ subtitle: 栅格
|
||||
type: 布局
|
||||
cols: 1
|
||||
title: Grid
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/5rWLU27so/Grid.svg
|
||||
---
|
||||
|
||||
24 栅格系统。
|
||||
|
||||
@ -3,6 +3,7 @@ category: Components
|
||||
type: General
|
||||
title: Icon
|
||||
toc: false
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/rrwbSt3FQ/Icon.svg
|
||||
---
|
||||
|
||||
Semantic vector graphics. Before use icons, you need to install `@ant-design/icons` package:
|
||||
|
||||
@ -4,6 +4,7 @@ subtitle: 图标
|
||||
type: 通用
|
||||
title: Icon
|
||||
toc: false
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/rrwbSt3FQ/Icon.svg
|
||||
---
|
||||
|
||||
语义化的矢量图形。使用图标组件，你需要安装 `@ant-design/icons` 图标组件包：
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
category: Components
|
||||
type: Data Entry
|
||||
title: InputNumber
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/SPEln9WgK/InputNumber.svg
|
||||
---
|
||||
|
||||
Enter a number within certain range with the mouse or keyboard.
|
||||
|
||||
@ -3,6 +3,7 @@ category: Components
|
||||
subtitle: 数字输入框
|
||||
type: 数据录入
|
||||
title: InputNumber
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/SPEln9WgK/InputNumber.svg
|
||||
---
|
||||
|
||||
通过鼠标或键盘，输入范围内的数值。
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
category: Components
|
||||
type: Data Entry
|
||||
title: Input
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/By8Gcczjz/Input.svg
|
||||
---
|
||||
|
||||
A basic widget for getting the user input is a text field. Keyboard and mouse can be used for providing or changing data.
|
||||
|
||||
@ -3,6 +3,7 @@ category: Components
|
||||
subtitle: 输入框
|
||||
type: 数据录入
|
||||
title: Input
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/By8Gcczjz/Input.svg
|
||||
---
|
||||
|
||||
通过鼠标或键盘输入内容，是最基础的表单域的包装。
|
||||
|
||||
@ -3,6 +3,7 @@ category: Components
|
||||
type: Layout
|
||||
cols: 1
|
||||
title: Layout
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/hzEndUVEx/Layout.svg
|
||||
---
|
||||
|
||||
Handling the overall layout of a page.
|
||||
|
||||
@ -4,6 +4,7 @@ subtitle: 布局
|
||||
type: 布局
|
||||
cols: 1
|
||||
title: Layout
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/hzEndUVEx/Layout.svg
|
||||
---
|
||||
|
||||
协助进行页面级整体布局。
|
||||
|
||||
@ -3,6 +3,7 @@ category: Components
|
||||
type: Data Display
|
||||
title: List
|
||||
cols: 1
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/5FrZKStG_/List.svg
|
||||
---
|
||||
|
||||
Simple List.
|
||||
|
||||
@ -4,6 +4,7 @@ type: 数据展示
|
||||
title: List
|
||||
subtitle: 列表
|
||||
cols: 1
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/5FrZKStG_/List.svg
|
||||
---
|
||||
|
||||
通用列表。
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
category: Components
|
||||
type: Data Entry
|
||||
title: Mentions
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/0pF5j477V/Mentions.svg
|
||||
---
|
||||
|
||||
Mention component.
|
||||
|
||||
@ -3,6 +3,7 @@ category: Components
|
||||
subtitle: 提及
|
||||
type: 数据录入
|
||||
title: Mentions
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/0pF5j477V/Mentions.svg
|
||||
---
|
||||
|
||||
提及组件。
|
||||
|
||||
@ -3,6 +3,7 @@ category: Components
|
||||
cols: 1
|
||||
type: Navigation
|
||||
title: Menu
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/3XZcjGpvK/Menu.svg
|
||||
---
|
||||
|
||||
A versatile menu for navigation.
|
||||
|
||||
@ -4,6 +4,7 @@ cols: 1
|
||||
type: 导航
|
||||
title: Menu
|
||||
subtitle: 导航菜单
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/3XZcjGpvK/Menu.svg
|
||||
---
|
||||
|
||||
为页面和功能提供导航的菜单列表。
|
||||
|
||||
@ -3,6 +3,7 @@ category: Components
|
||||
type: Feedback
|
||||
noinstant: true
|
||||
title: Message
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/DDde1IT6g/Message.svg
|
||||
---
|
||||
|
||||
Display global messages as feedback in response to user operations.
|
||||
|
||||
@ -4,6 +4,7 @@ subtitle: 全局提示
|
||||
type: 反馈
|
||||
noinstant: true
|
||||
title: Message
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/DDde1IT6g/Message.svg
|
||||
---
|
||||
|
||||
全局展示操作反馈信息。
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
type: Feedback
|
||||
category: Components
|
||||
title: Modal
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/3StSdUlSH/Modal.svg
|
||||
---
|
||||
|
||||
Modal dialogs.
|
||||
|
||||
@ -3,6 +3,7 @@ type: 反馈
|
||||
category: Components
|
||||
subtitle: 对话框
|
||||
title: Modal
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/3StSdUlSH/Modal.svg
|
||||
---
|
||||
|
||||
模态对话框。
|
||||
|
||||
@ -3,6 +3,7 @@ category: Components
|
||||
type: Feedback
|
||||
noinstant: true
|
||||
title: Notification
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/KiuspIW60/Notification.svg
|
||||
---
|
||||
|
||||
Display a notification message globally.
|
||||
|
||||
@ -4,6 +4,7 @@ type: 反馈
|
||||
noinstant: true
|
||||
title: Notification
|
||||
subtitle: 通知提醒框
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/KiuspIW60/Notification.svg
|
||||
---
|
||||
|
||||
全局展示通知提醒信息。
|
||||
|
||||
7
components/overview/index.en-US.md
Normal file
7
components/overview/index.en-US.md
Normal file
@ -0,0 +1,7 @@
|
||||
---
|
||||
category: Components
|
||||
title: Components Overview
|
||||
type: Overview
|
||||
---
|
||||
|
||||
`antd` provides plenty of UI components to enrich your web applications, and we will improve components expirerence consistently.
|
||||
7
components/overview/index.zh-CN.md
Normal file
7
components/overview/index.zh-CN.md
Normal file
@ -0,0 +1,7 @@
|
||||
---
|
||||
category: Components
|
||||
title: 组件总览
|
||||
type: 组件总览
|
||||
---
|
||||
|
||||
`antd` 为 Web 应用提供了丰富的基础 UI 组件，我们还将持续探索企业级应用的最佳 UI 实践。
|
||||
@ -4,6 +4,7 @@ type: Navigation
|
||||
title: PageHeader
|
||||
cols: 1
|
||||
subtitle:
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/Uh-BJWMqm/PageHeader.svg
|
||||
---
|
||||
|
||||
A header with common actions and design elements built in.
|
||||
|
||||
@ -4,6 +4,7 @@ type: 导航
|
||||
title: PageHeader
|
||||
cols: 1
|
||||
subtitle: 页头
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/Uh-BJWMqm/PageHeader.svg
|
||||
---
|
||||
|
||||
页头位于页容器中，页容器顶部，起到了内容概览和引导页级操作的作用。包括由面包屑、标题、页面内容简介、页面级操作等、页面级导航组成。
|
||||
|
||||
@ -3,6 +3,7 @@ category: Components
|
||||
type: Navigation
|
||||
title: Pagination
|
||||
cols: 1
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/hRRde7p5u/Pagination.svg
|
||||
---
|
||||
|
||||
A long list can be divided into several pages using `Pagination`, and only one page will be loaded at a time.
|
||||
|
||||
@ -4,6 +4,7 @@ subtitle: 分页
|
||||
type: 导航
|
||||
title: Pagination
|
||||
cols: 1
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/hRRde7p5u/Pagination.svg
|
||||
---
|
||||
|
||||
采用分页的形式分隔长列表，每次只加载一个页面。
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
category: Components
|
||||
type: Feedback
|
||||
title: Popconfirm
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/8ln6VUFkX/Popconfirm.svg
|
||||
---
|
||||
|
||||
A simple and compact confirmation dialog of an action.
|
||||
|
||||
@ -3,6 +3,7 @@ category: Components
|
||||
subtitle: 气泡确认框
|
||||
type: 反馈
|
||||
title: Popconfirm
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/8ln6VUFkX/Popconfirm.svg
|
||||
---
|
||||
|
||||
点击元素，弹出气泡式的确认框。
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
category: Components
|
||||
type: Data Display
|
||||
title: Popover
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/GkviFueLQwx/Popover.svg
|
||||
---
|
||||
|
||||
The floating card popped by clicking or hovering.
|
||||
|
||||
@ -3,6 +3,7 @@ category: Components
|
||||
subtitle: 气泡卡片
|
||||
type: 数据展示
|
||||
title: Popover
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/GkviFueLQwx/Popover.svg
|
||||
---
|
||||
|
||||
点击/鼠标移入元素，弹出气泡式的卡片浮层。
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
category: Components
|
||||
type: Feedback
|
||||
title: Progress
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/%24X8q%26OILIY/Progress.svg
|
||||
---
|
||||
|
||||
Display the current progress of an operation flow.
|
||||
|
||||
@ -3,6 +3,7 @@ category: Components
|
||||
subtitle: 进度条
|
||||
type: 反馈
|
||||
title: Progress
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/%24X8q%26OILIY/Progress.svg
|
||||
---
|
||||
|
||||
展示操作的当前进度。
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
category: Components
|
||||
type: Data Entry
|
||||
title: Radio
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/jhSTlg4WQ/Radio.svg
|
||||
---
|
||||
|
||||
Radio.
|
||||
|
||||
@ -3,6 +3,7 @@ category: Components
|
||||
subtitle: 单选框
|
||||
type: 数据录入
|
||||
title: Radio
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/jhSTlg4WQ/Radio.svg
|
||||
---
|
||||
|
||||
单选框。
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
category: Components
|
||||
type: Data Entry
|
||||
title: Rate
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/V-ycROUpN/Rate.svg
|
||||
---
|
||||
|
||||
Rate component.
|
||||
|
||||
@ -3,6 +3,7 @@ category: Components
|
||||
subtitle: 评分
|
||||
type: 数据录入
|
||||
title: Rate
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/V-ycROUpN/Rate.svg
|
||||
---
|
||||
|
||||
评分组件。
|
||||
|
||||
@ -3,7 +3,7 @@ type: Feedback
|
||||
category: Components
|
||||
title: Result
|
||||
cols: 1
|
||||
subtitle:
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/EuEXmy7nO/Result.svg
|
||||
---
|
||||
|
||||
Used to feed back the results of a series of operational tasks.
|
||||
|
||||
@ -4,6 +4,7 @@ category: Components
|
||||
title: Result
|
||||
cols: 1
|
||||
subtitle: 结果
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/EuEXmy7nO/Result.svg
|
||||
---
|
||||
|
||||
用于反馈一系列操作任务的处理结果。
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
category: Components
|
||||
type: Data Entry
|
||||
title: Select
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/oCqbyNvbA/Select.svg
|
||||
---
|
||||
|
||||
Select component to select value from options.
|
||||
|
||||
@ -3,6 +3,7 @@ category: Components
|
||||
subtitle: 选择器
|
||||
type: 数据录入
|
||||
title: Select
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/oCqbyNvbA/Select.svg
|
||||
---
|
||||
|
||||
下拉选择器。
|
||||
|
||||
@ -3,6 +3,7 @@ category: Components
|
||||
type: Feedback
|
||||
title: Skeleton
|
||||
cols: 1
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/KpcciCJgv/Skeleton.svg
|
||||
---
|
||||
|
||||
Provide a placeholder while you wait for content to load, or to visualise content that doesn't exist yet.
|
||||
|
||||
@ -4,6 +4,7 @@ subtitle: 骨架屏
|
||||
type: 反馈
|
||||
title: Skeleton
|
||||
cols: 1
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/KpcciCJgv/Skeleton.svg
|
||||
---
|
||||
|
||||
在需要等待加载内容的位置提供一个占位图形组合。
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
category: Components
|
||||
type: Data Entry
|
||||
title: Slider
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/HZ3meFc6W/Silder.svg
|
||||
---
|
||||
|
||||
A Slider component for displaying current value and intervals in range.
|
||||
|
||||
@ -3,6 +3,7 @@ category: Components
|
||||
subtitle: 滑动输入条
|
||||
type: 数据录入
|
||||
title: Slider
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/HZ3meFc6W/Silder.svg
|
||||
---
|
||||
|
||||
滑动型输入器，展示当前值和可选范围。
|
||||
|
||||
@ -3,6 +3,7 @@ category: Components
|
||||
type: Layout
|
||||
title: Space
|
||||
cols: 1
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/wc6%263gJ0Y8/Space.svg
|
||||
---
|
||||
|
||||
Set components spacing.
|
||||
|
||||
@ -4,6 +4,7 @@ type: 布局
|
||||
subtitle: 间距
|
||||
title: Space
|
||||
cols: 1
|
||||
cover: https://gw.alipayobjects.com/zos/antfincdn/wc6%263gJ0Y8/Space.svg
|
||||
---
|
||||
|
||||
设置组件之间的间距。
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
category: Components
|
||||
type: Feedback
|
||||
title: Spin
|
||||
cover: https://gw.alipayobjects.com/zos/alicdn/LBcJqCPRv/Spin.svg
|
||||
---
|
||||
|
||||
A spinner for displaying loading state of a page or a section.
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user