Reveal
Use reveals to show a snippet of content with a one-time click to open.
Examples
Simple Reveal
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sit amet nisi lorem.
Proin venenatis, eros vel aliquam blandit, enim enim consequat elit, in ultricies est metus dapibus lorem.
Suspendisse nunc leo, posuere eget rhoncus id, dignissim eget arcu.
Reveal with Border and Padding
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sit amet nisi lorem. Proin venenatis, eros vel aliquam blandit, enim enim consequat elit, in ultricies est metus dapibus lorem.
Coloured Reveal
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sit amet nisi lorem. Proin venenatis, eros vel aliquam blandit, enim enim consequat elit, in ultricies est metus dapibus lorem.
Praesent a commodo nunc. Duis imperdiet lacus id odio cursus sodales. In finibus cursus lorem ac pharetra. Praesent varius ullamcorper magna ut tincidunt.
Suspendisse nunc leo, posuere eget rhoncus id, dignissim eget arcu.
Colors
Default
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sit amet nisi lorem. Proin venenatis, eros vel aliquam blandit, enim enim consequat elit, in ultricies est metus dapibus lorem.
Praesent a commodo nunc. Duis imperdiet lacus id odio cursus sodales. In finibus cursus lorem ac pharetra. Praesent varius ullamcorper magna ut tincidunt.
Suspendisse nunc leo, posuere eget rhoncus id, dignissim eget arcu.
Primary
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sit amet nisi lorem. Proin venenatis, eros vel aliquam blandit, enim enim consequat elit, in ultricies est metus dapibus lorem.
Praesent a commodo nunc. Duis imperdiet lacus id odio cursus sodales. In finibus cursus lorem ac pharetra. Praesent varius ullamcorper magna ut tincidunt.
Suspendisse nunc leo, posuere eget rhoncus id, dignissim eget arcu.
Secondary
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sit amet nisi lorem. Proin venenatis, eros vel aliquam blandit, enim enim consequat elit, in ultricies est metus dapibus lorem.
Praesent a commodo nunc. Duis imperdiet lacus id odio cursus sodales. In finibus cursus lorem ac pharetra. Praesent varius ullamcorper magna ut tincidunt.
Suspendisse nunc leo, posuere eget rhoncus id, dignissim eget arcu.
Light
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sit amet nisi lorem. Proin venenatis, eros vel aliquam blandit, enim enim consequat elit, in ultricies est metus dapibus lorem.
Praesent a commodo nunc. Duis imperdiet lacus id odio cursus sodales. In finibus cursus lorem ac pharetra. Praesent varius ullamcorper magna ut tincidunt.
Suspendisse nunc leo, posuere eget rhoncus id, dignissim eget arcu.
Dark
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sit amet nisi lorem. Proin venenatis, eros vel aliquam blandit, enim enim consequat elit, in ultricies est metus dapibus lorem.
Praesent a commodo nunc. Duis imperdiet lacus id odio cursus sodales. In finibus cursus lorem ac pharetra. Praesent varius ullamcorper magna ut tincidunt.
Suspendisse nunc leo, posuere eget rhoncus id, dignissim eget arcu.
Success
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sit amet nisi lorem. Proin venenatis, eros vel aliquam blandit, enim enim consequat elit, in ultricies est metus dapibus lorem.
Praesent a commodo nunc. Duis imperdiet lacus id odio cursus sodales. In finibus cursus lorem ac pharetra. Praesent varius ullamcorper magna ut tincidunt.
Suspendisse nunc leo, posuere eget rhoncus id, dignissim eget arcu.
Info
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sit amet nisi lorem. Proin venenatis, eros vel aliquam blandit, enim enim consequat elit, in ultricies est metus dapibus lorem.
Praesent a commodo nunc. Duis imperdiet lacus id odio cursus sodales. In finibus cursus lorem ac pharetra. Praesent varius ullamcorper magna ut tincidunt.
Suspendisse nunc leo, posuere eget rhoncus id, dignissim eget arcu.
Warning
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sit amet nisi lorem. Proin venenatis, eros vel aliquam blandit, enim enim consequat elit, in ultricies est metus dapibus lorem.
Praesent a commodo nunc. Duis imperdiet lacus id odio cursus sodales. In finibus cursus lorem ac pharetra. Praesent varius ullamcorper magna ut tincidunt.
Suspendisse nunc leo, posuere eget rhoncus id, dignissim eget arcu.
Danger
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sit amet nisi lorem. Proin venenatis, eros vel aliquam blandit, enim enim consequat elit, in ultricies est metus dapibus lorem.
Praesent a commodo nunc. Duis imperdiet lacus id odio cursus sodales. In finibus cursus lorem ac pharetra. Praesent varius ullamcorper magna ut tincidunt.
Suspendisse nunc leo, posuere eget rhoncus id, dignissim eget arcu.
Block Settings
| Reveal Options | Value |
| Height: | 50-500px |
| Background Color: | None, Theme Colors, Custom Color |
| Gradient Color (when closed): | None, Theme Colors, Custom Color |
| Border: | None, Theme Colors |
| Spacing: | Margin/Padding Presets |
| Animation: | 77+ Effects |
| Advanced: | HTML Anchor, Additional CSS Class(es) |
| Reveal Button Options | Value |
| Outline: | Yes, No |
| Full Width: | Yes, No |
| Color: | Theme Colors, Custom Color |
| Size: | SM, Normal, LG |