# TODO's

- [x] `Button`: Button Component.
- [ ] `Icon`: Semantic vector graphics
- [ ] `Divider`: A divider line separates different content.
- [ ] `Grid`: 24 Grids System.
- [ ] `Layout`: Handling the overall layout of a page. 
- [ ] `Space`: Set components spacing. 
- [ ] `Affix`: Wrap Affix around another component to make it stick the viewport.
- [x] `Breadcrumb`: A breadcrumb displays the current location within a hierarchy. It allows going back to states higher up in the hierarchy.
- [ ] `Dropdown`: A dropdown list.
- [ ] `Menu`: A versatile menu for navigation.
- [ ] `PageHeader`: A header with common actions and design elements built in.
- [x] `Pagination`: A long list can be divided into several pages using Pagination, and only one page will be loaded at a time.
- [ ] `Steps`: Steps is a navigation bar that guides users through the steps of a task.
- [ ] `AutoComplete`: Autocomplete function of input field.
- [ ] `Cascader`: Cascade selection box.
- [x] `Checkbox`: Checkbox component.
- [ ] `DatePicker`: To select or input a date.
- [x] `Form`: High performance Form component with data scope management. Including data collection, verification, and styles.
- [x] `Input`: A basic widget for getting the user input is a text field. Keyboard and mouse can be used for providing or changing data.
- [ ] `InputNumber`: Enter a number within certain range with the mouse or keyboard.
- [ ] `Mentions`: Mention component.
- [x] `Radio`: Radio component.
- [ ] `Rate`: Rate component.
- [x] `Select`: Select component to select value from options.
- [ ] `Slider`: A Slider component for displaying current value and intervals in range.
- [x] `Switch`: Switching Selector.
- [ ] `TimePicker`: By clicking the input box, you can select a time from a popup panel.
- [ ] `Transfer`: Double column transfer choice box.
- [ ] `TreeSelect`: Tree selection control.
- [ ] `Upload`: Upload file by selecting or dragging. 
- [x] `Avatar`: Avatars can be used to represent people or objects. It supports images, Icons, or letters.
- [ ] `Badge`: Small numerical value or status descriptor for UI elements.
- [ ] `Calendar`: Container for displaying data in calendar form.
- [x] `Card`: Simple rectangular container.
- [ ] `Carousel`: A carousel component. Scales with its container.
- [ ] `Collapse`: A content area which can be collapsed and expanded.
- [ ] `Comment`: A comment displays user feedback and discussion to website content.
- [ ] `Descriptions`: Display multiple read-only fields in groups.
- [x] `Empty`: Empty state placeholder.
- [ ] `Image`: Previewable image. 
- [ ] `List`: Simple List.
- [x] `Popover`: The floating card popped by clicking or hovering.
- [ ] `Statistic`: Display statistic number.
- [x] `Table`: A table displays rows of data.
- [ ] `Tabs`: Tabs make it easy to switch between different views. 
- [ ] `Tag`: Tag for categorizing or markup.
- [ ] `Timeline`: Vertical display timeline.
- [ ] `Tooltip`: A simple text popup tip.
- [ ] `Tree`: A hierarchical list structure component.
- [x] `Alert`: Alert component for feedback.
- [x] `Drawer`: A panel which slides in from the edge of the screen.
- [ ] `Message`: Display global messages as feedback in response to user operations.
- [x] `Modal`: Modal dialogs.
- [ ] `Notification`: Display a notification message globally.
- [ ] `Popconfirm`: A simple and compact confirmation dialog of an action.
- [ ] `Progress`: Display the current progress of an operation flow.
- [ ] `Result`: Used to feed back the results of a series of operational tasks.
- [ ] `Skeleton`: Provide a placeholder while you wait for content to load, or to visualise content that doesn't exist yet.
- [x] `Spin`: A spinner for displaying loading state of a page or a section.
- [ ] `Anchor`: Hyperlinks to scroll on one page.
- [ ] `BackTop`: BackTop makes it easy to go back to the top of the page.