Comments (17)
Would love to see it implemented! :)
from material-components-web.
Were steppers removed from the spec?
from material-components-web.
Here's my crack at creating a vertical stepper using the current state of the MDC library.
https://codepen.io/aaronhudon/full/MELydx/
from material-components-web.
Are there some news?
from material-components-web.
Would love to see this as well!
from material-components-web.
Same here
from material-components-web.
Will this see the light of day or is this not happening?
from material-components-web.
What happened to the stepper? The new material design docs don't have it.
from material-components-web.
Is this still happening?
from material-components-web.
Any updates ?
from material-components-web.
I am not sure, what's the rational behind removing steppers from material design. I believe they are basic building blocks, when a step-by-step movement is required in UX flow.
The progress indicators in Material Design spec. lacks the flexibility to show step progress ( which might have been useful to create a work-around for Stepper ). For e.g. i just want to display user's progress in a course ( number of lessons completed, and total number of lessons ). Basic step progress indicator . This isn't pretty, but the best i could get with Materialize & Material Design.
CC @abhiomkar
from material-components-web.
I sent this to design for response on this request.
from material-components-web.
FYI .. I've raised a related request regarding Determinate Progress Indicators design spec.
from material-components-web.
So steppers are dead... long live to steppers!
from material-components-web.
Update: Our archived guidance is guidance that wasn't updated with our Material Theming release. We'll let the design team know that there is interest in this!
I'm closing this issue since nothing to implement until design guidance is updated for this component.
from material-components-web.
@abhiomkar where can we track progress on this?
from material-components-web.
Not a solution, but for others that are searching on this topic:
If you can learn angular, the Angular Material stepper is quite good:
https://material.angular.io/components/stepper/overview
I personally do not know angular so this MDL stepper library is the best implementation I could find:
https://ahlechandre.github.io/mdl-stepper/
from material-components-web.
Related Issues (20)
- Angular Material Tabs with sticky first tab
- The getting started guide: issues HOT 1
- [mdc-icon-button] unable to import core-styles mixin of icon-button as shown in documentation
- Unpkg: Source map for minified JS missing HOT 1
- MDCTopAppBar buttons ripple effect broken since 12.0.0 HOT 2
- Hi, I can't make a frame for the drawer, it's a problem
- Symmetric API for the Angular Material Icon Button HOT 1
- [MDCTextField] Trailing icons do not appear HOT 1
- the problem in running the program HOT 1
- [mdc-chip] css not applied to mdc-evolution-chip elements HOT 3
- Is there anyway we can force the dropdown select to always show below?
- [Chips] Filter chips not showing svg tick HOT 1
- `setAutovalidate()`/`getAutovalidate` name mismatch in readme
- Vertical mat-slider
- [mdc-theme] Contradicting advice on purpose of `$secondary`
- [Snackbar] screenreader leaves out "button" when reading message and action
- Tag for the version 14.1.0 is missing
- The release 14.1.0 isn't published on npmjs HOT 1
- Tone should work with css-variables
- [ALL] NPM packages are missing file extensions in ES6 exports
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from material-components-web.