# `PhiaUi.Components.Layout.SectionHeader`
[🔗](https://github.com/charlenopires/PhiaUI/blob/v0.1.17/lib/phia_ui/components/layout/section_header.ex#L1)

Section heading with optional description and action area.

Used for content sections within a page — distinct from `page_header`
which spans the full page width with breadcrumbs.

## Examples

    <.section_header title="Team Members" />

    <.section_header title="Recent Activity" description="Last 30 days of changes">
      <:actions>
        <.button size={:sm}>View All</.button>
      </:actions>
    </.section_header>

    <.section_header title="Settings" size={:lg} divider>
      <:badge><.badge>Beta</.badge></:badge>
    </.section_header>

# `section_header`

## Attributes

* `title` (`:string`) (required) - Section heading text.
* `description` (`:string`) - Optional description below heading. Defaults to `nil`.
* `size` (`:atom`) - Defaults to `:default`. Must be one of `:sm`, `:default`, or `:lg`.
* `divider` (`:boolean`) - Show bottom border. Defaults to `false`.
* `class` (`:string`) - Defaults to `nil`.
* Global attributes are accepted.
## Slots

* `actions` - Action buttons (right side).
* `badge` - Optional badge next to title.

---

*Consult [api-reference.md](api-reference.md) for complete listing*