# `PhiaUi.Components.AppShell`
[🔗](https://github.com/charlenopires/PhiaUI/blob/v0.1.17/lib/phia_ui/components/navigation/app_shell.ex#L1)

Application shell layout component providing a full-page grid structure.

Provides six components:

- `app_shell/1` — root CSS grid layout container
- `app_shell_header/1` — sticky top header
- `app_shell_sidebar/1` — fixed-height sidebar
- `app_shell_aside/1` — right aside panel
- `app_shell_footer/1` — sticky footer
- `app_shell_main/1` — scrollable main content area

# `app_shell`

## Attributes

* `class` (`:string`) - Defaults to `nil`.
* `sidebar_width` (`:atom`) - Defaults to `:md`. Must be one of `:sm`, `:md`, `:lg`, or `:xl`.
* `with_sidebar` (`:boolean`) - Defaults to `true`.
* `with_aside` (`:boolean`) - Defaults to `false`.
* `with_header` (`:boolean`) - Defaults to `true`.
* `with_footer` (`:boolean`) - Defaults to `false`.
* Global attributes are accepted.
## Slots

* `header`
* `sidebar`
* `aside`
* `footer`
* `inner_block` - Main content area.

# `app_shell_aside`

## Attributes

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

* `inner_block` (required)

# `app_shell_footer`

## Attributes

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

* `inner_block` (required)

# `app_shell_header`

## Attributes

* `class` (`:string`) - Defaults to `nil`.
* `height` (`:atom`) - Defaults to `:md`. Must be one of `:sm`, `:md`, or `:lg`.
* Global attributes are accepted.
## Slots

* `inner_block` (required)

# `app_shell_main`

## Attributes

* `class` (`:string`) - Defaults to `nil`.
* `padding` (`:atom`) - Defaults to `:md`. Must be one of `:none`, `:sm`, `:md`, or `:lg`.
* Global attributes are accepted.
## Slots

* `inner_block` (required)

# `app_shell_sidebar`

## Attributes

* `class` (`:string`) - Defaults to `nil`.
* `collapsible` (`:boolean`) - Defaults to `false`.
* `collapsed` (`:boolean`) - Defaults to `false`.
* Global attributes are accepted.
## Slots

* `inner_block` (required)

---

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