PhoenixPaper.Fab (PhoenixPaper v0.1.0)

Copy Markdown View Source

A Material Design Floating Action Button (pp_fab/1) — a circular, elevated, icon-only button, or (with extended) a pill with a label. Typically anchored to a screen corner by the caller (e.g. class="fixed bottom-6 right-6").

Summary

Functions

pp_fab(assigns)

Renders a floating action button. See the module doc.

Functions

pp_fab(assigns)

Renders a floating action button. See the module doc.

Attributes

  • color (:string) - Defaults to "secondary". Must be one of "primary", "secondary", "tertiary", or "error".
  • size (:string) - Defaults to "md". Must be one of "sm", "md", or "lg".
  • extended (:boolean) - Defaults to false.
  • ripple (:boolean) - the Material ripple effect on click/tap — off whenever paperize is false, see PhoenixPaper.Ripple. Defaults to true.
  • disabled (:boolean) - Defaults to false.
  • type (:string) - Defaults to "button". Must be one of "button", "submit", or "reset".
  • paperize (:boolean) - Defaults to true.
  • class (:any) - Defaults to nil.
  • Global attributes are accepted. Supports all globals plus: ["form", "name", "value", "phx-click"].

Slots

  • inner_block (required)