Toggle Block

The Toggle Block is designed to display nested blocks and information within a toggle element. It’s an excellent tool for creating FAQs, documentation, and much more. This page provides a few examples of the Toggle Block.

Default Toggle Style

This is an example of the default style for the Toggle Block. However, the block style may be customized considerably. Additionally, the Toggle Block can display a variety of other blocks within the toggle container.

Nested Content Types

A Cover Block

Several block types can be added within the Toggle Block.

The Toggle Block allows for the addition of multiple content types within the toggle.

An image block.

An Example Heading

  • My Example List Item
  • My Example List Item
  • My Example List Item

Donec id elit non mi porta gravida at eget metus. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras mattis consectetur purus sit amet fermentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Minimal Style Toggle

This is an example of basic toggle content. Nulla vitae elit libero, a pharetra augue. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Vestibulum id ligula porta felis euismod semper.

Modern Colored Toggle

This is an example of basic toggle content. Nulla vitae elit libero, a pharetra augue. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Vestibulum id ligula porta felis euismod semper.

Another Toggle Example

Modern Style Toggle

Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Sed posuere consectetur est at lobortis. Donec id elit non mi porta gravida at eget metus.

“Multiple block types can be added within the Toggle Block.”

— That’s Cool