PineUiPhoenix.Components.Quotes (Pine UI v0.2.0)

Copy Markdown View Source

A styled blockquote for pull quotes and testimonials.

A port of the Pines quotes.

<.blockquote author="Ada Lovelace" role="Mathematician">
  That brain of mine is something more than merely mortal.
</.blockquote>

Summary

Layout

Renders a blockquote.

Layout

blockquote(assigns)

Renders a blockquote.

Examples

<.blockquote variant="card" author="Grace Hopper" role="Rear Admiral"
        avatar="/images/hopper.jpg">
  The most dangerous phrase in the language is
  <em>we've always done it this way</em>.
</.blockquote>

Note on role

role here is the author's job title, and it shadows the global ARIA role attribute. To set an ARIA role on the element, pass rest={%{role: "..."}}.

Attributes

  • author (:string) - Defaults to nil.
  • role (:string) - Shown beneath the author. Shadows the ARIA role attribute. Defaults to nil.
  • avatar (:string) - URL of the author's avatar image. Defaults to nil.
  • variant (:string) - bordered draws an accent rule, card puts the quote in a filled panel. Defaults to "bordered". Must be one of "bordered", "plain", or "card".
  • class (:string) - Defaults to nil.
  • Global attributes are accepted.

Slots

  • inner_block (required)