Content sections

Text-heavy marketing content block: eyebrow + title + body + optional inner block.

Preview

Introducing

Why Workcation is the best vacation property service

Workcation is the simplest way to find a beautiful place to stay while you work from anywhere.

React preview

LiveView (HEEx)

alias DesignSystem.UI.ContentSections

<ContentSections.content_section eyebrow="Introducing" title="..." body="...">
  <p>Additional rich content...</p>
</ContentSections.content_section>

React (JSX)

import { ContentSection } from "../ui/index.mjs"

<ContentSection eyebrow="Introducing" title="..." body="..." />