---
title: Spoilers
slug: spoilers
docTags: 
createdAt: 2024-05-15T13:32:39.787Z
---

## Overview

Another block that allows you to better structure the information on a page by hiding it under the spoiler.   Click the + icon to make the content visible.

::Image[]{src="https://api.archbee.com/api/optimize/5goaGPkGyPYxtK7K75CEC/2DvoWCVyevh3XnrAS4IEk_image.png" size="44" width="349" height="45" position="center" caption="Spoilers block - Page structure" alt="Spoilers block - Page structure" showCaption="true"}

## Sample Spoilers Block

![Spoilers Block - Preview](https://api.archbee.com/api/optimize/5goaGPkGyPYxtK7K75CEC/fBGvictaso1YWTvxmfPZa_expands-on-a-click.jpg "Spoilers Block - Preview")

### Add Items

You can create as many elements as you like, they expand when you click a '+' button.  Each text line is a Card.

::Image[]{src="https://api.archbee.com/api/optimize/5goaGPkGyPYxtK7K75CEC/2wXeRQmdJpea1qFvLjEaU_image.png" size="44" width="346" height="367" position="center" caption="Spoilers block - Cards " alt="Spoilers block - Cards " showCaption="true"}

1. **Title** : on your webpage this is the visible text with a + icon to the right.
2. **Text** : This is the text visible after clicking the **+ icon**.