Description
As investigated (and agreed upon) in #2555, we'd like to build a new toggle component that is
in line with the Vaadin design specification. This is because the old Material Design implementation is
very out dated (nor maintained), and the design is nowhere close to our new design system.
This issue is completed once the new toggle design shown below has been integrated.
Implementation Notes
The plan is to stay as close as the Web / HTML specification as possible.
It's common that a type="checkbox" is used, but with different styling to act as a toggle.
You can find plenty of tutorials online on how to do this using CSS, without any HTML changes.
Maybe we can inherit a Vaadin component? Otherwise use a raw HTML element instead.
Description
As investigated (and agreed upon) in #2555, we'd like to build a new toggle component that is
in line with the Vaadin design specification. This is because the old Material Design implementation is
very out dated (nor maintained), and the design is nowhere close to our new design system.
This issue is completed once the new toggle design shown below has been integrated.
Implementation Notes
The plan is to stay as close as the Web / HTML specification as possible.
It's common that a
type="checkbox"is used, but with different styling to act as a toggle.You can find plenty of tutorials online on how to do this using CSS, without any HTML changes.
Maybe we can inherit a Vaadin component? Otherwise use a raw HTML element instead.