# `PhoenixKitWeb.Components.Core.FormSection`
[🔗](https://github.com/BeamLabEU/phoenix_kit/blob/v1.7.165/lib/phoenix_kit_web/components/core/form_section.ex#L1)

Card-wrapped form section with a titled header.

Replaces the repeated boilerplate:

    <div class="card bg-base-100 shadow-lg">
      <div class="card-body">
        <h2 class="card-title text-lg">Section Name</h2>
        ...fields...
      </div>
    </div>

with a single component call. Used in every form-heavy admin page.

## Attributes

- `title` — Section heading text. Required.
- `icon` — Optional Heroicon name rendered before the title (e.g.
  `"hero-cog-6-tooth"`).
- `class` — Extra classes appended to the outer card wrapper.
- `body_class` — Extra classes appended to the card body wrapper
  (typical use: `"space-y-4"` for vertical field spacing).

## Slots

- `inner_block` — Section content (form fields). Required.
- `:subtitle` — Optional helper text rendered under the title. Slot
  (not attr) so callers can drop a `<.pk_link>` / `<.icon>` / etc.
  inline.

## Example

    <.form_section title={gettext("Provider Configuration")}>
      <:subtitle>
        {gettext("Credentials live in")}
        <.pk_link navigate="/admin/settings/integrations" class="link link-primary">
          Settings → Integrations
        </.pk_link>.
      </:subtitle>
      <.select field={@form[:provider]} ... />
    </.form_section>

    <.form_section title={gettext("Basic Information")} body_class="space-y-4">
      <.input field={@form[:name]} label="Name" required />
    </.form_section>

# `form_section`

## Attributes

* `title` (`:string`) (required)
* `icon` (`:string`) - Defaults to `nil`.
* `class` (`:string`) - Defaults to `nil`.
* `body_class` (`:string`) - Defaults to `nil`.
* Global attributes are accepted.
## Slots

* `inner_block` (required)
* `subtitle`

---

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