styleguide icon indicating copy to clipboard operation
styleguide copied to clipboard

Published 20 hours ago • verified publisher icon vtex

tabs component responsiveness

Open kevinch opened this issue 6 years ago • 6 comments

We could get inspired / follow Polaris' example by combining our tabs with our dropdown or other component.

Large screen/space: screen shot 2018-07-18 at 10 25 57

Small screen/space: screen shot 2018-07-18 at 10 23 42

Small screen/space dropdown: screen shot 2018-07-18 at 10 23 47

Live example: https://polaris.shopify.com/components/navigation/tabs#navigation

kevinch avatar Jul 18 '18 13:07 kevinch

Spotify also does something similar:

screen shot 2018-07-18 at 20 55 06

lbebber avatar Jul 18 '18 23:07 lbebber

Bacana! Essa feature dependeria de fazermos essa outra primeiro: https://github.com/vtex/styleguide/issues/212

cmdalbem avatar Jul 20 '18 15:07 cmdalbem

under development—waiting for https://github.com/vtex/styleguide/pull/426

lbebber avatar Jan 03 '19 12:01 lbebber

@lucasecdb https://github.com/vtex/styleguide/pull/426 got merged.

kevinch avatar Jan 24 '19 13:01 kevinch

@lbebber do you have that WIP version in a branch or something?

cmdalbem avatar Oct 03 '19 14:10 cmdalbem

I was working on a reference for that feature, so here's what I've done on figma. It looks like Polaris, as you can see in the image below.

image

mateusbolsoni avatar Mar 09 '20 18:03 mateusbolsoni