Section A content container that organizes a heading and body content together. Section provides semantic HTML...

Section A content container that organizes a heading and body content together. Section provides semantic HTML structure with a `<section>` wrapper, a dedicated `<header>` for headings/descriptions, and a body area for main content. Use Section to group related content with an optional header. Common patterns include section titles, descriptions, and content body. Sections can be nested within layouts or standalone on a page.

<ed-section></ed-section>

Slots

Name Description
- The main section content (body)
header Section heading and description (typically ed-heading and ed-text-passage components)

Interactive Documentation

Full interactive examples, variant previews, accessibility audits, and the complete API reference are available in Storybook — generated directly from the component source code.

Source

packages/eddie-web-components/components/section/section.ts