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