PhiaUi.Components.Editor.FormattingToolbar (phia_ui v0.1.17)

Copy Markdown View Source

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

Summary

Functions

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

Minimal toolbar: bold/italic/underline/link.

Notion-style floating toolbar on selection.

Office-style multi-row ribbon with tabs.

Functions

formatting_toolbar(assigns)

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(assigns)

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(assigns)

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(assigns)

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.