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

Potential Features #4

Open
16 tasks
nitz opened this issue Dec 1, 2022 · 0 comments
Open
16 tasks

Potential Features #4

nitz opened this issue Dec 1, 2022 · 0 comments
Assignees
@nitz
Labels
enhancement New feature or request

Comments

@nitz
Copy link
Collaborator

nitz commented Dec 1, 2022

When I was looking for an example of a Material toggle to mimic, I came across this post that has lots of little ideas that I may get around to implementing.

Listing them here so I don't forget.

  • Toggle centered I/O labels. (For full words like 'ON'/'OFF') (Also, optional offsets?)
  • Label optionally on left / right aligned toggle.
  • Optional sub-label (e.g.: "Microcopy description")
  • On-knob labels. (Like A11y labels, but for instance for a check/x on top of the knob.)
  • Image-based frame? (e.g.: Day/Night mode)
  • Image-based knob / knob glyph? (Eg: Sun/Moon)
  • Drop shadows? Knob/Frame?
  • Toggle + Label frame (To strongly associate the toggle with the label.)
  • Animation easing?
  • Knob inset for on/off, as well as animating between.

I also want to have a small pack of "ready to go" styles for users to easily hit something they're looking for without too much effort, like the ones displayed on that page.

  • iOS style
  • Material style
  • Salesforce
  • Office UI / Fabric
  • Kendo UI
  • The hollowed out ones from their "Test":
    image
@nitz nitz added the enhancement New feature or request label Dec 1, 2022
@nitz nitz self-assigned this Dec 1, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@nitz nitz

Labels
enhancement New feature or request
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@nitz