# Marquee

Allows you to display dynamic scrolling text or images with customizable settings. It can be configured to appear as a marquee, slider, and others.

<figure><img src="https://891064830-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz8oqtXqtdhOM4CxRzekr%2Fuploads%2FpqiyrBhLy9EDOeJIb1Ip%2Fmarquee-section.gif?alt=media&#x26;token=f60659b1-c6fd-44ae-8b04-d7ce1d9ff4aa" alt=""><figcaption></figcaption></figure>

### Section settings

<table><thead><tr><th width="216.8076171875">Settings</th><th width="180.78936767578125" align="center">Type</th><th>Description</th></tr></thead><tbody><tr><td><strong>Layout</strong></td><td align="center"></td><td></td></tr><tr><td>Layout</td><td align="center"><code>select</code></td><td>Choose layout style: <code>Marquee</code>, <code>Slider</code>, <code>Parallax</code>, or <code>Marquee with parallax</code>.</td></tr><tr><td>Show top border</td><td align="center"><code>checkbox</code></td><td>Toggle visibility of a top border.</td></tr><tr><td>Show bottom border</td><td align="center"><code>checkbox</code></td><td>Toggle visibility of a bottom border.</td></tr><tr><td>Height</td><td align="center"><code>range</code></td><td>Adjust section height.</td></tr><tr><td><strong>Marquee</strong></td><td align="center"></td><td></td></tr><tr><td>Autoplay speed</td><td align="center"><code>range</code></td><td>Controls scrolling speed for marquee.</td></tr><tr><td>Text direction</td><td align="center"><code>select</code></td><td>Set scroll direction: <code>Left to right</code> or <code>Right to left</code>.</td></tr><tr><td><strong>Slider</strong></td><td align="center"></td><td></td></tr><tr><td>Autoplay speed</td><td align="center"><code>range</code></td><td>Controls auto-sliding speed for slider layout.</td></tr><tr><td>Show arrows</td><td align="center"><code>checkbox</code></td><td>Toggle slider navigation arrows.</td></tr><tr><td><strong>Text</strong></td><td align="center"></td><td></td></tr><tr><td>Uppercase text</td><td align="center"><code>checkbox</code></td><td>Transforms text to uppercase.</td></tr><tr><td>Font</td><td align="center"><code>font_picker</code></td><td>Choose typeface for the text.</td></tr><tr><td>Size</td><td align="center"><code>range</code></td><td>Set text size scaling.</td></tr><tr><td>Letter spacing</td><td align="center"><code>range</code></td><td>Adjust spacing between letters.</td></tr><tr><td>Space between messages</td><td align="center"><code>range</code></td><td>Space between repeating messages (Marquee only).</td></tr><tr><td><strong>Colors</strong></td><td align="center"></td><td></td></tr><tr><td>Color scheme</td><td align="center"><code>color_scheme</code></td><td>Applies a predefined theme color scheme to the section.</td></tr><tr><td>Text</td><td align="center"><code>color</code></td><td>Set text color.</td></tr><tr><td>Border</td><td align="center"><code>color</code></td><td>Color for top and bottom borders.</td></tr><tr><td><strong>Image</strong></td><td align="center"></td><td></td></tr><tr><td>Background image</td><td align="center"><code>image_picker</code></td><td>Optional background image for the section.</td></tr><tr><td><strong>Section spacing</strong></td><td align="center"></td><td></td></tr><tr><td>Padding top</td><td align="center"><code>range</code></td><td>Space above the section.</td></tr><tr><td>Padding bottom</td><td align="center"><code>range</code></td><td>Space below the section.</td></tr></tbody></table>