Menu icon Foundation
Combining tabs with off-canvas

 

I'm working on a vertical-tab solution for mobile view (for a large number of tabs), and ideally i'd like to place the tab panels in an in-canvas on medium-up, and off-canvas for small screens.

My problem is with the click trigger - the tab anchor tag can't double as the off-canvas click trigger. Any thoughts as to how to solve this?

tabsoff-canvasvertical tabs

 

I'm working on a vertical-tab solution for mobile view (for a large number of tabs), and ideally i'd like to place the tab panels in an in-canvas on medium-up, and off-canvas for small screens.

My problem is with the click trigger - the tab anchor tag can't double as the off-canvas click trigger. Any thoughts as to how to solve this?