63ant design components

ant design components (in alphabetical points): 
A, Alert warning, Avatar Avatar, Affix solid nails, Anchor anchor, AutoComplete AutoComplete 
B, Badge number logo, Button button, BackTop back to the top, Breadcrumb breadcrumbs 
C, Col column, card cards, content content portion, checkbox checkbox, calendar calendar, 
[Color = # FFF] Spa [/ Color] Cascader cascade selection, Carousel revolving door, Collapse fold panel 
D, Divider dividing line, dropdown drop-down menu, DatePicker date selection frame    
F, form form, Footer bottom of the layout, 
H, Header top layout 
I, icon icon, input input box, InputNumber digital input box 
L, list list, layout layout, LocaleProvider international 
M, menu navigation menu, Modal dialog , mention mentioned, Message global prompt 
N, notification notification balloon, navigation navigation components 
P, pagination tab, progress progress bar, Popconfirm bubbles check box, Popover bubbles card 
R, row line, Rate score, Radio checkbox 
S, Spin loading, Sider sidebar, steps strip step, select selector, slider sliding input section, switch switch 
T Tabs tab, Tag label, Tree tree controls, TreeSelect tree selection, Table Table, Tooltip text prompts,
[color = # fff] spa [ / color] TimePicker time selection box, Timeline Timeline, Transfer shuttle block 
U, Upload upload 


ant design component (disaggregated): 
. 1, General common components 
    (1) Button button (2) Icon icon 
2, layout layout components 
    (1) grid grid: 
             A, row line, Gutter grid interval, <row gutter = {16} >, is recommended (16 + 8n) px as a grid interval; 
             B, CoI column, <Col span = {8} offset = {8}> col-8 </ Col>, all columns (CoI) must be placed in row 
    (2) layout layout: 
             A, layout: layout container which can be nested under Header Sider Content Footer or Layout itself, can be placed in any parent container. 
             B, Header: top layout, comes default style, which can be nested under any element, can be placed in the Layout. 
             C, Sider: sidebar comes with the default style and basic functions, which can be nested at any element, can be placed only in Layout. 
             D, Content: content portion, built default style, which can be nested under any element, can be placed in the Layout. 
             E, Footer: layout of the bottom, comes default style, which can be nested under any element, can be placed in the Layout. 
3, Navigation navigation component
    (1) Affix fixing nail (2) Breadcrumb breadcrumbs (3) Dropdown drop-down menu (4) Menu navigation menu (5) Pagination tab (6) Steps Step Article 
4, Data Entry data input component 
    (1) Form Form (2) input input box (3) InputNumber number input box (4) autoComplete automatically 
(5) TimePicker time selection box (6) DatePicker date selection box (7) Cascader selection cascade 
(8) Radio single box (9) checkbox multiple choice block (10) select the selector (11) TreeSelect selection tree 
(12) mention mentioned (13) Rate score (14) slider slide input section (15) switch switch (16) Transfer shuttle block (17) Upload upload 
5, Data display data display assembly 
    (1) avatar head (2) Badge number logo (3) tag label (4) Tooltip text prompts (5) Popover bubble card 
(6) Carousel revolving door (7) Collapse fold panels (8) tabs tab ( 9) Tree Tree control 
(10) list list (11) table table (12) card cards (13) timeline timeline (14) calendar calendar 
6, feedback feedback assembly 
    (1) alert warning (2) Message global mentioning Shown (3) Progress progress bar (4) Spin Loading 
(5) Notification of the notification balloon (6) Popconfirm bubbles confirmation box (7) Modal dialog box 
7, Other other components
    (1) Anchor anchor (2) BackTop back to the top (3) LocaleProvider international 

ant design pro prototype map 
- Dashboard 
  - Analysis page 
  - Monitoring page 
  - table 
- form page 
  - basic form page 
  - step form page 
  - Advanced Form page 
- list 
  - inquiry form 
  - the standard list 
  - the list of cards 
  - the search list (project / application / articles) 
- details page 
  - basic details page 
  - High detail pages 
- result 
  - success page 
  - failure page 
- abnormal 
  --403 no authority 
  --404 Can not find 
  - 500 server error 
- account 
  - Log in 
  - Register 
  - registration is successful 

ant design pro development directory structure 

├── mock # local analog data 
├── public 
│ └── # favicon.ico Favicon 
├── src
│ ├── assets # local static resource 
│ ├── common # application configuration utility, such as navigation information 
│ ├── components # generic business components 
│ ├── e2e # integration test cases 
│ ├── layouts # generic layout 
│ ├ Models Model # DVA - the 
│ ├── routes # entrance and common business page template 
│ ├── services # backend interface services 
│ ├── utils # tool library 
g2.js # visualizations │ ├── configuration 
│ ├── theme.js # theme configuration 
│ ├── index.ejs # HTML template entrance 
│ ├── index.js # application portal 
│ ├── index.less # global style 
└── router.js # routing │ entrance 
├── tests # test tools 
├── README.md 
└── package.json