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.

Sign up for GitHub

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

Jump to bottom

Update sliders to new NTC guidelines #5466

Open
danilotomaccio opened this issue Feb 14, 2024 · 3 comments · May be fixed by #5730
Open

Update sliders to new NTC guidelines #5466

danilotomaccio opened this issue Feb 14, 2024 · 3 comments · May be fixed by #5730

Comments

@danilotomaccio
Copy link

Description

Documentation of sliders and progress indicators has changed and it seems there has been a complete restyling:
Sliders
Progress indicators
@asyncLiz asyncLiz changed the title Update sliders and progress indicators to align with new Material Design specifications Update sliders to new NTC guidelines Feb 14, 2024
@asyncLiz
Copy link
Collaborator

Repurposing this issue to track the slider NTC update. Linear progress is tracked in #5451

@deminearchiver
Copy link

I know that material-web is in maintenance mode, but if anyone is interested in updating a slider in their own project to the new redesign, I made the following proof-of-concept codepen:
https://codepen.io/deminearchiver/pen/OJeyNQP

Note

It is not fully functional and has a lot of bad code because I made it solely as proof-of-concept before getting on making the actualy production version (I'm making a material components library for SolidJS, but it's private for now).

@deminearchiver
Copy link

deminearchiver commented Jul 15, 2024 •
edited
Loading

Some issues with the codepen version:

  • state management is poorly implemented, often brreaks
  • the HTML
    structure itself is not well-thought

Here is a demo video:
Video

@zZHorizonZz zZHorizonZz linked a pull request Oct 10, 2024 that will close this issue
Open
5 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

feat(slider): updated slider to adhere material design specification zZHorizonZz/material-web
3 participants
@danilotomaccio @asyncLiz @deminearchiver