<left-swipe-action>
The polymer web component <left-swipe-action> enables a left swipe gesture to open a content and show behind action buttons like iOS item list.
Try to swipe to view on github!
<left-swipe-action>
  <div>
    Your content to be swiped
  </div>
  <left-swipe-action-button>
    Your action
  </left-swipe-action-button>
</left-swipe-action>
View on Github
このエントリーをはてなブックマークに追加

Simple

My first Polymer project
Swipe me to left
created by @tejitak
Delete

Style customization example

Fixed height

Fixed height
Swipe me to left
created with Polymer
Delete

Icon action

Flat (no shadow attribute)

Background-color

Specify your favorite color
Swipe me to left

Background-color for underlay

Specify your favorite color
Swipe me to left

Multi actions

Swipe me to left

Delete Favorite

Multi actions with icons

See how many actions are behind
Swipe me to left

Within container

Swipe me to left
more info

Attributes customization example

Open state (add an attribute "open")

I'm opened by default

Disable drag/trouch move (add an attribute "nodrag")

Click/Tap me instead of swipe

Offset for opened states (add an attribute offset="280")

See the difference for the opened state

Delete

List example