Element request: Bottom Sheet

[tjsavage]

From @teolemon on November 10, 2014 8:39

Are there plans to make the element called Bottom Sheet available in Polymer ?
It's present in the Angular.js Material Design Implementation, and would be swell for Polymer.
https://material.angularjs.org/#/demo/material.components.bottomSheet

Copied from original issue: Polymer/polymer#903

[tjsavage]

From @websemantics on December 1, 2014 22:8

Any news on this feature?! Thank you

[tjsavage]

From @Leandro-Andrade on March 24, 2015 0:7

No one?
I'm also interested on that.

[tjsavage]

From @send2cloud on May 19, 2015 5:31

+1 !

[tjsavage]

From @Leandro-Andrade on May 29, 2015 3:53

Any updates?

[tjsavage]

From @DiJi1001 on September 24, 2015 7:55

+1

[tjsavage]

From @birkir on September 24, 2015 15:22

It's fairly easy to modify the paper-drawer-panel to work on the x-axis. Just Do It 👍

[tjsavage]

From @ebidel on September 25, 2015 0:39

You don't even need drawer panel. This can be doe with a dialog and neon-animations: PolymerElements/neon-animation#77

@tjsavage shall we close if there' no roadmap for this el?

[tjsavage]

From @ebidel on September 28, 2015 22:10

I put together a demo that shows how you can implement a bottom-sheet design: https://googlewebcomponents.github.io/places-app/. Code is here: https://github.com/GoogleWebComponents/places-app

[tjsavage]

@ebidel's solution looks excellent here, though we may in the future abstract out an explicit bottom-sheet element. Won't put this on the roadmap yet but will leave this issue open for now.

[ronnyroeller]

+1

[ronnyroeller]

In case somebody runs into the same problem until there is an "official" PolymerElement for bottom sheets: We open sourced our element -> https://github.com/Collaborne/paper-bottom-sheet