Skip to content

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.

4 participants