Section

Page-level block container with title, subtitle, optional action link, and content area.

Usage Notes

• Use for dashboard blocks, settings groups, and categorized content areas.
• Not suitable for purely visual cards (use card) or untitled containers (use column).
• Related components: card is a lighter grouping container, while section provides a more complete heading structure.
• The heading area and content area are distinct; nest any layout component inside the content area.

Eyebrow / subtitle variants

namespace: "doc_section_eyebrow_diff",
  layout: {
    "column:demo": {
      "section:with-eyebrow": {
        eyebrow: "Overview",
        title: "With eyebrow",
        "text:body": {
          text: "Eyebrow appears above the title."
        }
      },
      "section:with-subtitle": {
        title: "With subtitle",
        subtitle: "Additional context below the title.",
        "text:body": {
          text: "Subtitle provides extra context."
        }
      }
    }
  }
}

API Reference