73bcce88
luigser
COMPONENTS
|
1
2
3
4
5
6
7
8
|
#paper-elements
The paper elements are a set of UI components designed to implement Google's [material design](http://www.google.com/design/spec/material-design/introduction.html) guidelines.
## Roadmap
### Elements recently released
|
a1a3bc73
Luigi Serra
graphs updates
|
9
|
* [`paper-listbox`](https://github.com/polymerelements/paper-listbox) - An alternative to `paper-menu` with a different interface, with much better accessibility and performance.
|
73bcce88
luigser
COMPONENTS
|
10
11
12
13
14
15
16
17
18
|
* [`paper-menu-button`](https://github.com/polymerelements/paper-menu-button) - A button that opens up a menu overlay
* [`paper-tooltip`](https://github.com/polymerelements/paper-tooltip) - A tooltip that shows on hover
* [`paper-badge`](https://github.com/polymerelements/paper-badge) - A circular text badge representing a status or notification
* [`paper-card`](https://github.com/polymerelements/paper-card) - A material design-style card
* [`paper-dropdown-menu`](https://github.com/polymerelements/paper-dropdown-menu) - A material design-style browser select element
* [`paper-submenu`](https://github.com/polymerelements/paper-menu) - A material design-style menu with nestable subsections
### Elements in progress
|
a1a3bc73
Luigi Serra
graphs updates
|
19
|
We're currently working hard on honing existing elements and fixing open issues.
|
73bcce88
luigser
COMPONENTS
|
20
21
22
23
|
### Elements planned
_Elements we're planning on building soon but haven't started yet_
|
a1a3bc73
Luigi Serra
graphs updates
|
24
25
26
27
28
29
30
31
32
33
|
**Short-term**
_Nothing on the super short-term list_
**Mid-term**
* `paper-bottom-sheet` - a [material design bottom sheet](https://www.google.com/design/spec/components/bottom-sheets.html) this can easily be created with `neon-animation` ([example](https://googlewebcomponents.github.io/places-app/))
* `paper date and time pickers` - [material design date and time pickers](https://www.google.com/design/spec/components/pickers.html#)
* `paper steppers` - [material design steppers](https://www.google.com/design/spec/components/steppers.html#)
* `paper cascading menu` - the desktop cascading version of the [material design dropdown menus](https://www.google.com/design/spec/components/menus.html#menus-usage)
**Longer term**
|
73bcce88
luigser
COMPONENTS
|
34
35
36
|
* `paper-chip` - a [material design chip](http://www.google.com/design/spec/components/chips.html)
* `paper-data-table` - a [material design data table](http://www.google.com/design/spec/components/data-tables.html). This one is very complex, and tentatively planned for the mid- to distant-future (i.e. months not weeks)
|
a1a3bc73
Luigi Serra
graphs updates
|
37
38
39
40
|
### Third-Party elements
_Elements not built directly by the Polymer core team, but which are of notably high quality and fill current gaps in the element set._
* [`paper-datatable`](https://github.com/David-Mulder/paper-datatable) by [David-Mulder](https://github.com/David-Mulder/) - a material design data table for displaying tabular data, sorting by columns, and more.
|
73bcce88
luigser
COMPONENTS
|
41
42
43
44
|
### Elements not planned, notably
_Elements we're not planning on building as part of this product line, but that one might be wondering about_
* `paper-shadow` - this behavior is now provided by [`paper-material`](https://github.com/polymerelements/paper-material)
|