Streaming live at 10am (PST)

Styling active vertical tab link

Hi folks,

I’m building a page with 3 vertical tabs, and the active tab will have an arrow pointing at it to indicate active state.

Now I have achieved the rest of the layout, but not sure how I can add the arrow to this tabbed content component for this interaction?

The design mockup is in this Figma link for your reference. Thanks!

Here is my public share link: LINK
(how to access public share link)


Please share a link.
you can have icons inside the tab hide for the rest of the tabs and only show it on active.

Here is the link to the UI mockup with arrow icon next to the vertical tab:

And I also have a video of the interactive prototype to show the arrow behaviour on tabs:

This is what I have created so far with the tabs but no arrows:

What can I do to include the arrows on active tabs? Thanks a lot!