Toggle Button
Button that shows and hides another section of the page, with three animations
The examples are only part of the story. Every tile also has the advanced options: animations, mouse effects, visibility by device or by date, positioning and more.
Good to know. It shows and hides the element with the ID written in Content: when just added it has none, and it doesn't appear on the site.
01
A trattoria's full menu, hidden
Solid red pill button, light text and the plus on the left (the minus when open): it shows and hides the menu section below, collapsing in height.
02
A boutique's terms of sale, in plain view
Thin dark outline and sharp corners, no background (it tints on hover), left-aligned with the arrow; the section starts visible and closes with a fade.
03
All the dates of a tour, full width
Button as wide as the column, in a blue tint with a blue border and radius 12, open and closed eye as icons; the section slides in.
