Example of customized expanding block - Fluid Topics - Latest

Markdown Connector Reference Guide

Category
Reference Guides
Audience
public
Version
Latest

In this example, the expanding block takes the form of a button styled to match the colors of Fluid Topics. The expanding block also contains a code block.

<details>
  <summary style="position: relative; padding: 10px; border-radius: 5px;rgba(255, 255, 255, 0.1);">
    <span style="background-color: #a2217f; border-radius: 5px; opacity: 1; padding: 5px;"> <span style="color: white;"> The expandable</span>
  </summary>

This is my text.

    ```
    This is my code block.
    ```
</details>

The result is the following:

The expandable This is my text.
This is my code block.