Skip to content
Corex

Marquee

Style

Item scale via size modifiers; host width via Tailwind max-w-* utilities.

Hex doc Phoenix

Size

Use class="ui-size-{size}" to set the size of a marquee.

Available options: xs, sm, md (default), lg, xl

Max width

Without max-w-*, width comes from component CSS. Default for marquee: md (width: 100%).

Use class="max-w-{step}" to set the maximum width of a marquee root.

Available options: none, full, 9xs, 8xs, 7xs, 6xs, 5xs, 4xs, 3xs, 2xs, xs, sm, md (default), lg, xl, 2xl, 3xl, 4xl, 5xl, 6xl, 7xl, 8xl, 9xl

default (md)

none

full

9xs

8xs

7xs

6xs

5xs

4xs

3xs

2xs

xs

sm

md

lg

xl

2xl

3xl

4xl

5xl

6xl

7xl

8xl

9xl