PhiaUi.Components.Layout.SectionHeader (phia_ui v0.1.17)

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>

Summary

Functions

section_header(assigns)

Functions

section_header(assigns)

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.