AB Switch
The finest way to switch between two content containers
The finest way to switch between two content containers. Purpose built, unique and advanced features, endless visual styles.
Demo
- Front
- Back
2015 Audi R8
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.
2015 Audi R8
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.
- "Outline" background switch button style.
- "Hover" to switch titles to toggle.
- "1px" switch break style.
- Coffee
- Tea
Espresso
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.
White Tea
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.
- "B" default switch selection.
- "Gradient" background switch button style.
- "3px" switch break style.
- Monsters
- Aliens
Spiky Sea Monster
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.
Flying Alien Scout
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.
- "Square" switch button style.
- "Solid" background switch button style.
- "5px" switch break style.
- Actual Drums
- Electronic Drums
Acoustic Drum Kit
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.
Drum Sampler / Sequencer
Gluten-free paleo gastropub authentic flexitarian fixie tote bag, scenester Cosby sweater irony locavore.
- Features
- Controls
- Countless switch button styles, mix and match to get the custom feel you need. Style changes are viewable in Stacks Edit mode.
- Generous spacing and break style options for switch controls, keeping them clearly separated from content containers.
- Notable Features: Use Multiple AB Switches on the same page. Long text AB Switch titles nicely supported (shown in drum example).
- Advanced Features. Create custom URLs to show "B" content as default. Adjustable mobile break point, making switch button and text smaller. Set "B" Content as the default, instead of "A" content. "Hover" or "Click" switching.
- Switch Area Position (Left / Center / Right)
- Switch Area Top / Bottom / Spacing control
- Switch Area Break style and color control
- Switch Text Custom A / B Title Fields
- Switch Text Title Size control
- Switch Text Selected / Deselected color control
- Switch Button Edges (Round / Square)
- Switch Button Style (Gradient / Solid / Outline)
- Switch Button Background and Knob color control
- Mobile Break Point (switch becomes smaller)
- Optional "Hover" or "Click" to trigger switch
- Optional set "B" content as default shown
- Set Custom Hash URL to trigger "B" content
Reviews
We have recently started gathering reviews for our products. So if you don't see a review above, be the first to submit a review and let others know how you like this stack.
Screenshots
Tutorials
There are no tutorials for AB Switch at this time.
Downloads
{{ title }}
Uploaded by {{{ from }}}
Updates
v{{ version }}
© 2024 Weavers Space | Terms of Service | Privacy Policy