question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

feat(slider): create a CDK slider component

See original GitHub issue

It 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:open
  • Created 5 years ago
  • Reactions:44
  • Comments:5

github_iconTop GitHub Comments

4reactions
k3rne1pan1ccommented, May 28, 2019

Is this feature already available?

1reaction
VagrantAI-ccommented, Oct 7, 2018

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).

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found