> For the complete documentation index, see [llms.txt](https://sygnal.gitbook.io/sygnal-webflow-components/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://sygnal.gitbook.io/sygnal-webflow-components/nc/advanced/tabs/tabs-cc3.md).

# Tabs ( CC3 )

## Feature Plan 

* Tabs component
  * Easy selection of tab positioning
    * Rotated label option or tab variation 
* Tab component variations 
  * Tab with icon
  * Tab with SVG inline icon 
* Tab Content component variations 
  * Simple pre-made content panels 
* IX3 support
  * Tab hover
  * Tab click
  * Tab change ( including by script ) 

### Advanced 

* Possible mobile re-composition as an accordion 

## Design Plan 

Full redesign of Tabs, no longer using webflow\.js. 

* Use GSAP for animations 
  * Where possible, expose hooks for customization, such as animation transitions  
* Optimize the slot structure for designer usability 
  * Combined Tab & Content pane components 
* Optimize design aspects 
  * Initial tab 
    * or All tabs hidden 
  * Tabs to side 
    * Rotated text option 
* Optimize design-time UX 
  * Selected tab 
* Solve CSS isolation for unique tabstrip styling outside of regular vars