-
Notifications
You must be signed in to change notification settings - Fork 32
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.
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
Feature/switch component #266
Conversation
The GIF preview makes the background look lighter than it is - using |
- Renders either a Switch or a Select based on media query
- Export types correctly
- Also allows us to attach a pseudo element for styling
- Fixes issue with active state border overlap
0f79062
to
100d0ba
Compare
I think I'm gonna have to retweak the active state of the switch ever so slightly. Just realised it's re-rendering itself when the text goes bold, meaning it can potentially throw off other components that are situated next to it. Maybe just darkening the text with no bold might be ok visually |
…e SVGs, but the work is complete
- Make APIs match with `Select` for easy interoperability - Remove the need for the adapter (now using Formik enhancer) - Two lines need uncommenting post `Select` merge for responsive
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Only comment is the switches moving around a little when selected
The gif is slightly out of date - designer has resolved this with a slight style tweak. |
Related issue
#194
Overview
Implement and document the responsive Switch component.
Reason
Work carried out
Screenshot
Developer notes
Using the CSS frameworkcolor()
helper I seem to be unable to pick the same background.Awaiting<Select />
implementation in order to finish adding responsive behaviour @mobile.