Traditional Scrollable Tabs

Forum|Forum|4 years ago
September 28, 2021
3 replies
658 views

I have been trying to get this interaction workng and I cannot get past the active/disabled states to work accross all tabs, I am trying to recreate the trational tab interface in aterial design as shouwn on this page inder "Interactive Demo" the scrollable example:

https://material.io/components/tabs

Is there a tutorial I can follow that explains it?

This topic has been closed for replies.

AkinGn

Inspiring

Hello, I see @Syeds already resolved it but since I came across the topic, thought @juliejacob and other designers might benefit from the solution, as @Chris W. Griffith pointed out, component to component interactions are not possible, the easiest way of creating a similar structure/prototype is using non-components for inner parts and making the whole thing a component, I had made a tutorial about it (including a link to XD file): https://www.youtube.com/watch?v=MWr4xgvQx18 recently made a similar one for Figma: https://youtu.be/Jv7tCg484C8?si=MbpEIUHJ510H5QwL (I know, also shameless plug but still can be helpful for some people :)) Happy designing!

SyedsAuthor

Inspiring

Nevermind, I figured it out on my own. Thanks.

juliejacob

Known Participant

Would you mind sharing how you solved this?

SyedsAuthor

Inspiring

@juliejacob My brain is not young anymore and I cannot remember the reference. Perhaps if oyu explain a little what you are trying to do I can shed some light? Thanks.

SyedsAuthor

Inspiring

No need for the fancy micro interactions of the indicator and the background

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded