# `PhiaUi.Components.Editor.FormattingToolbar`
[🔗](https://github.com/charlenopires/PhiaUI/blob/v0.1.17/lib/phia_ui/components/editor/formatting_toolbar.ex#L1)

Pre-composed formatting toolbars — 4 components for common toolbar layouts.

# `formatting_toolbar`

Pre-composed full toolbar with font, size, color, alignment, lists.
## Attributes

* `id` (`:string`) (required)
* `editor_id` (`:string`) (required)
* `active_marks` (`:list`) - Defaults to `[]`.
* `active_nodes` (`:list`) - Defaults to `[]`.
* `heading_level` (`:any`) - Defaults to `nil`.
* `active_alignment` (`:string`) - Defaults to `"left"`.
* `class` (`:string`) - Defaults to `nil`.

# `formatting_toolbar_compact`

Minimal toolbar: bold/italic/underline/link.
## Attributes

* `id` (`:string`) (required)
* `editor_id` (`:string`) (required)
* `active_marks` (`:list`) - Defaults to `[]`.
* `class` (`:string`) - Defaults to `nil`.

# `formatting_toolbar_floating`

Notion-style floating toolbar on selection.
## Attributes

* `id` (`:string`) (required)
* `editor_id` (`:string`) (required)
* `active_marks` (`:list`) - Defaults to `[]`.
* `visible` (`:boolean`) - Defaults to `false`.
* `class` (`:string`) - Defaults to `nil`.

# `formatting_toolbar_ribbon`

Office-style multi-row ribbon with tabs.
## Attributes

* `id` (`:string`) (required)
* `editor_id` (`:string`) (required)
* `active_tab` (`:atom`) - Defaults to `:home`. Must be one of `:home`, `:insert`, or `:format`.
* `active_marks` (`:list`) - Defaults to `[]`.
* `active_nodes` (`:list`) - Defaults to `[]`.
* `class` (`:string`) - Defaults to `nil`.

---

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