feat(slider): create a CDK slider component
See original GitHub issueIt would be nice to have a CDK slider that allows for more user customization than mat-slider
.
Things to support:
- Multiple thumbs (should follow a11y pattern here: http://oaa-accessibility.org/example/32/)
- Provides elements to style for things like thumb, filled track, non-filled track, etc, but leaves that styling up to the user
- Should be able to base
mat-slider
off of it
Issue Analytics
- State:
- Created 5 years ago
- Reactions:44
- Comments:5
Top Results From Across the Web
css - div with cdkDrag on top of mat-slider doesn't hide the ...
I have a div element that has cdkDrag for it to be moveable, and behind it i have a few buttons and sliders...
Read more >Information Slider from Scratch in Angular - YouTube
In this video we'll create a reusable information slider component using the CDK stepper in Angular.This information slider component can ...
Read more >Writing Tests using Component Harnesses in Angular.
If you're already using components from the Angular CDK and are curious about testing them, this is a must-watch!In this video, we teach...
Read more >@angular/cdk | Yarn - Package Manager
Investigating and fixing reported regressions for the new components launched in v15; Creating a new more flexible theming API in collaboration with MDC...
Read more >angular/cdk - Awesome JS
slider : avoid manual fixing values on pointer up (#26215) ... feat - 8554e1538 ... datepicker: make compatible with MDC & legacy components...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Is this feature already available?
I wonder if any thumb should be freely dragged from 0 to 100% without bumping into each other (I mean when thumb is blocked for further drag to specified side) and without linking that this one thumb is for left part and another is for right part. Min and max values would be reactively calculated depending on current thumbs positions. It might provide better UX for specified cases depending on user actual needs (just speculating though, I didn’t do any research on this).