> For the complete documentation index, see [llms.txt](https://nextsky.gitbook.io/purity-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nextsky.gitbook.io/purity-theme/group-blocks/decorative/marquee.md).

# Marquee

The **Marquee** block creates a continuously scrolling horizontal band of content, typically used for highlighting announcements, quotes, or brand names. You can control the speed, direction, colors, and the elements contained within the scroll.

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2FxJbk17x8X9mqHn7LAfph%2Fimage.png?alt=media&amp;token=e7692394-b6b6-4fff-b0b8-cb91792aff6b" alt=""><figcaption></figcaption></figure>

## General settings

| Setting                  | Description                                                                                                                                                                              |
| ------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Inherit Color Scheme** | A checkbox that, when enabled (Default), uses the color scheme from the parent section.                                                                                                  |
| **Colors**               | <p><em>Only visible when Inherit Color Scheme is disabled</em>.</p><p>Allows you to manually select a specific Color Scheme for the marquee block, overriding the section's setting.</p> |
| **Direction**            | Sets the horizontal direction of the scrolling content: Left (Default) or Right.                                                                                                         |
| **Speed**                | Controls the duration of one complete scroll cycle, measured in seconds (s) (Range: 5s to 50s). A lower number means faster scrolling.                                                   |
| **Space between items**  | Sets the horizontal space (gap) between the repeating elements within the marquee, measured in pixels (px) (Range: 10px to 200px).                                                       |

### Spacing

These settings control the external spacing (padding) applied directly above and below this specific block.

| Setting    | Description                                                                                                      |
| ---------- | ---------------------------------------------------------------------------------------------------------------- |
| **Top**    | Sets the amount of empty space (padding) above this button block. Measured in pixels (px) (Range: 0px to 100px). |
| **Bottom** | Sets the amount of empty space (padding) below this button block. Measured in pixels (px) (Range: 0px to 100px). |

## Marquee Supported Nested Blocks

The content that scrolls within the marquee is built using the following supported inner blocks:

| Block Type  | Usage in Marquee                                                                                                                   |
| ----------- | ---------------------------------------------------------------------------------------------------------------------------------- |
| **Icon**    | Display small graphical elements (like stars, logos, or separators) that scroll along with the text.                               |
| **Heading** | Used to display short, prominent titles or phrases as scrolling content.                                                           |
| **Text**    | Used for displaying short announcements, quotes, or simple text strings as scrolling content.                                      |
| **Group**   | A container block that allows you to cluster multiple elements (like an Icon and Text) together so they scroll as one single unit. |