Switcher Element

The Switcher element toggles through content slides with a tabbed navigation, which is perfect for product features, service overviews, or FAQs.

Each slide can combine title, meta, content, image, and link. Choose between tabs, different subnavs, or a thumbnail navigation to switch between slides with a smooth animation.

The navigation can be placed at the top, bottom, left, or right, and you have full control over its width, alignment, and the breakpoint from which it stacks. What is really cool is that if you have many items, you can force them into one line. So items that extend beyond the container are subtly faded out and can be scrolled horizontally, which is especially smooth on touch devices.

Align the image to the top, left, right, or between the title and content. If placed beside the content, control the image column width, grid gaps, and stacking breakpoint separately.

Expand all slides to the same height to prevent the page from jumping when switching between items. You can also expand the title width to push shorter content to the right when aligned side by side.