CODEWITHSUNDEEP
polymerweb-component
larchii
larchii

Reputation: 176

Position Polymer core-drawer-panel drawer panel to the right

I'm little confused how to put the drawer panel to the right side of page instead of the left when using Polymer core-drawer-panel.

As described here this should be possible.

<core-drawer-panel>

A responsive container that combines a left- or right-side drawer panel for navigation or other options and a main content area.

The documentation for core-drawer-panel shows that there is no position attribute or something similar to use.

What I'm trying to produce is something like the image below where the drawing panel is on the right. Example:

<core-drawer-panel id="drawerPanel">
    <div main>
      ...
    </div>
    <div drawer> <!-- I want to be on the right side -->
      ...
    </div>
</core-drawer-panel>

enter image description here

Upvotes: 4

Views: 1511

Answers (1)

Scott Miles
Scott Miles

Reputation: 11027

Try this:

<core-drawer-panel class="right-drawer"></core-drawer-panel>

This needs to be documented, would you mind filing an issue here: https://github.com/Polymer/core-drawer-panel?

Upvotes: 5

Related Questions