top | item 18236276

(no title)

UntitledNo4 | 7 years ago

"Currently there is no opinionated way to construct responsive layouts in Evergreen. In the case of responsive layouts you might want to simply use a div with a class name and use breakpoints in CSS — or potentially a CSS-in-JS solution."

https://evergreen.segment.com/components/layout-primitives

discuss

order

onion2k|7 years ago

Responsive design isn't just adding breakpoints.

It's responding to the device and the ways the user will interact with it. For example, the combobox example in Evergreen doesn't actually use a <select> in the background, so users on mobile devices will actually have to use the dropdown implementation rather than the browser displaying a proper native mobile select. That's a much worse experience. Not to mention Evergreen will be completely inaccessible for users who need assistive technology, which potentially poses legal issues...

statictype|7 years ago

Did you try it on mobile? It actually does seem to use the native selector and not the custom one for me