Live Storybook - Marquee

Storybook
- Welcome Page
- Bloom components
  - Avatar
  - Bento Grid
  - Card
  - Code Snippet
  - Glow Button
  - Gradient Text
  - Hero
  - Marquee
- Core components
- Examples

- 0.6.1

Marquee

Marquee Open in playground

Rhiannon

@rhiality

Rhiannon

@rhiality

Rhiannon

@rhiality

Rhiannon

@rhiality

<.marquee repeat={4} pause_on_hover>
  <.card image="https://picsum.photos/64" title="Rhiannon" subheading="@rhiality" body="Just run mix bloom.install card" />
</.marquee>

Reverse marquee Open in playground

Rhiannon

@rhiality

Rhiannon

@rhiality

Rhiannon

@rhiality

Rhiannon

@rhiality

<.marquee reverse repeat={4} pause_on_hover>
  <.card image="https://picsum.photos/64" title="Rhiannon" subheading="@rhiality" body="Just run mix bloom.install card" />
</.marquee>

Vertical marquee Open in playground

Rhiannon

@rhiality

Rhiannon

@rhiality

Rhiannon

@rhiality

Rhiannon

@rhiality

<.marquee vertical repeat={4} pause_on_hover>
  <.card image="https://picsum.photos/64" title="Rhiannon" subheading="@rhiality" body="Just run mix bloom.install card" />
</.marquee>

Reverse vertical marquee Open in playground

Rhiannon

@rhiality

Rhiannon

@rhiality

Rhiannon

@rhiality

<.marquee reverse vertical repeat={3} pause_on_hover>
  <.card image="https://picsum.photos/64" title="Rhiannon" subheading="@rhiality" body="Just run mix bloom.install card" />
</.marquee>