# `PgFlowDashboard.Components.Layouts`
[🔗](https://github.com/agoodway/pgflow/blob/v0.1.0/lib/pgflow_dashboard/components/layouts.ex#L1)

Layout components for the PgFlow Dashboard.

See `PgFlowDashboard.Hooks` for information on installing the JavaScript hooks
required for interactive features (dark mode, keyboard shortcuts).

# `dashboard_layout`

Dashboard layout with sidebar navigation.

Requires the following hooks to be registered with LiveSocket:
- DarkMode
- KeyboardShortcuts
- ShortcutsModal
- MobileMenu

See `PgFlowDashboard.Hooks` for installation instructions.

## Attributes

* `current_page` (`:atom`) (required)
* `base_path` (`:string`) - Defaults to `"/pgflow"`.
## Slots

* `inner_block` (required)

# `nav_link`

Navigation link component.

## Attributes

* `navigate` (`:string`) (required)
* `current` (`:boolean`) - Defaults to `false`.
## Slots

* `inner_block` (required)

# `page_header`

Page header component.

## Attributes

* `title` (`:string`) (required)
* `subtitle` (`:string`) - Defaults to `nil`.
## Slots

* `actions`

---

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