How to make Flexible Tabs focused display border?

I’m using the Flexible Tabs Component and cannot figure out how to make the initial button in focus so that it will display the border. (This border appears only after clicking on the button). Any ideas or suggestions?

Hi @coherent_piranha, we have an example project that demonstrates how you can customize the active variant of the component being used as the tab button, linked to from the following documentation page, let me know if this helps:

Note that whether the tab is active is considered separate from whether the tab has keyboard focus, it may be that the outline you are looking at is a focus state. For instance you may want to be able to hit your tab key through the different tab buttons, so they may receive focus even if they aren’t active/switched to