# Spoilers

{!spoilers-intro.md!}

## Insert spoiler formatting

{start_tabs}

{tab|via-compose-box-buttons}

{!start-composing.md!}

1. _(optional)_ Select the text you want to hide inside the spoiler.

1. Click the **Spoiler** (<i class="zulip-icon zulip-icon-spoiler"></i>)
   icon at the bottom of the compose box to insert spoiler formatting.

1. Replace `Header` with the desired heading text.

!!! tip ""

    You can also use the **Spoiler**
    (<i class="zulip-icon zulip-icon-spoiler"></i>) icon
    to remove existing spoiler formatting from the selected text.

{tab|via-markdown}

{!start-composing.md!}

1. To create a spoiler section, use triple backticks and the word spoiler
   (````spoiler`) followed by an optional spoiler heading, some text, and triple
   backticks at the end:
~~~
```spoiler The spoiler heading
This content is initially hidden.
```
~~~

!!! tip ""

    A message can contain both spoilers and other content, and you can combine
    spoilers with other formatting.

{end_tabs}

## Examples

{!spoilers-examples.md!}

## Related articles

* [Message formatting](/help/format-your-message-using-markdown)
* [Preview messages before sending](/help/preview-your-message-before-sending)
* [Resize the compose box](/help/resize-the-compose-box)