Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Simpler slider component #318

Merged
merged 33 commits into from
Oct 23, 2019
Merged

Simpler slider component #318

merged 33 commits into from
Oct 23, 2019

Conversation

chaance
Copy link
Member

@chaance chaance commented Oct 16, 2019

This PR renames the current Slider component to SliderInput, which becomes the composable API. We would then use Slider and a simplified version that can be used in isolation the same way an HTML range input is used. Any of the following would work

<Slider /> 

<Slider min={0} max={200} /> 

<Slider onChange={setValue} value={value} />

<SliderInput>
  <SliderTrack>
    <SliderTrackHighlight>
    <SliderHandle />
  </SliderTrack>
</SliderInput>

@chaance chaance added Type: Enhancement General improvements or suggestions Type: Breaking Change Breaking change; proceed with caution labels Oct 16, 2019
@chaance chaance requested a review from mjackson October 16, 2019 20:12
chaance and others added 17 commits October 16, 2019 14:02
Also, added another example with tooltips rendering inside a modal to
try to replicate more closely the bug described by @bvaughn in #193.

Fixes #193
Closes #293
* dialog: add accessibilityLabel prop

* docs: add new props

* dialog: replace accessibilityLabel with aria-label and add documentation

* dialog: rename type check function

* dialog: error message refinements
This should be the last of the relative imports in the examples.
@chaance
Copy link
Member Author

chaance commented Oct 22, 2019

@mjackson Friendly reminder that, if you do want to add this to a non-beta release tomorrow, we want to merge this PR first!

@chaance chaance merged commit 1ab7d30 into master Oct 23, 2019
@chaance chaance deleted the simpler-slider branch October 23, 2019 19:12
chaance pushed a commit that referenced this pull request Oct 23, 2019
* slider: make constant casing consistent with other constants in the project

* slider: add simplified slider component

* update slider examples

* docs: update slider docs

* slider: remove useless roles

* Do not delete .env in clean script

* Auto-deploy website

* Allow empty commits

* Update build link

* Update docs link, website instructions

* Rename Jest transformer file

* Fix all tooltips showing on initial render

* Consolidate ESLint config in repo root

* Remove extraneous symlink

* Remove unused vars

* gitignore website dist files

* dialog: Add warnings and documentation to catch missing labels (#317)

* dialog: add accessibilityLabel prop

* docs: add new props

* dialog: replace accessibilityLabel with aria-label and add documentation

* dialog: rename type check function

* dialog: error message refinements

* normalize id formatting

* add makeId to utils

* Import styles as users do in examples (#320)

* add open collective support

* add contributor graph to readme

* add alt attribute to graph

* Add documentation for ignoring CSS warnings in tests (#328)

* docs: minor re-phrasing

* Add release instructions to the README

* slider: make constant casing consistent with other constants in the project

* slider: add simplified slider component

* update slider examples

* docs: update slider docs

* slider: remove useless roles
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: Breaking Change Breaking change; proceed with caution Type: Enhancement General improvements or suggestions
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants