ampproject/amp-by-example

sample: binding w/ custom slider

Open

#831 opened on May 19, 2017

View on GitHub
 (4 comments) (0 reactions) (0 assignees)HTML (756 stars) (525 forks)batch import
P2: Soongood first issuesample

Description

Example: using a slider to select a data range (price critera for items, start or end date for travel, age-appropriate range for toy, etc).

as bonus: Can bind to amp-list[src] to update filter w/out reloading the page

Contributor guide

Tech stack
htmlcssjavascript
Domain
frontenddocumentation
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
mostly clear
Prerequisites
AMP basicscustom slider implementation
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
45
Research direction
The repository ampproject/amp by example is deprecated and merged into amp.dev. Before starting, confirm that this example is still needed in the new location. Review the existing examples for binding and slider patterns. The issue requests a sample using a slider to select a data range and optionally binding to amp list[src] for filter updates without page reload. Look at the AMP by Example archive or amp.dev for similar patterns. Comments in the issue may provide additional insight.