SGH / COMPONENTS

#paper-elements

The paper elements are a set of UI components designed to implement Google's material design guidelines.

Roadmap

Elements recently released

• <code>paper-listbox</code> - An alternative to paper-menu with a different interface, with much better accessibility and performance.
• <code>paper-menu-button</code> - A button that opens up a menu overlay
• <code>paper-tooltip</code> - A tooltip that shows on hover
• <code>paper-badge</code> - A circular text badge representing a status or notification
• <code>paper-card</code> - A material design-style card
• <code>paper-dropdown-menu</code> - A material design-style browser select element
• <code>paper-submenu</code> - A material design-style menu with nestable subsections

Elements in progress

We're currently working hard on honing existing elements and fixing open issues.

Elements planned

Elements we're planning on building soon but haven't started yet

Short-term Nothing on the super short-term list

Mid-term

• paper-bottom-sheet - a material design bottom sheet this can easily be created with neon-animation (example)
• paper date and time pickers - material design date and time pickers
• paper steppers - material design steppers
• paper cascading menu - the desktop cascading version of the material design dropdown menus

Longer term

• paper-chip - a material design chip
• paper-data-table - a material design data table. This one is very complex, and tentatively planned for the mid- to distant-future (i.e. months not weeks)

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.

• <code>paper-datatable</code> by David-Mulder - a material design data table for displaying tabular data, sorting by columns, and more.

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 <code>paper-material</code>