EssenceUI.Components.Blockquote (Essence UI v0.2.0)

Copy Markdown View Source

Themed block quotation.

Summary

Functions

Renders a blockquote.

Functions

blockquote(assigns)

Renders a blockquote.

Examples

<.blockquote>
  <span :slot>Quote content here.</span>
</.blockquote>

Props

  • color - The accent color. One of: gray, gold, bronze, brown, yellow, amber, orange, tomato, red, ruby, crimson, pink, plum, purple, violet, iris, indigo, blue, cyan, teal, jade, green, grass, lime, mint, sky.
  • high_contrast - Whether to increase color contrast with the background.
  • class - Additional CSS classes to add to the element.
  • style - Additional inline styles.
  • rest - Additional HTML attributes.

Attributes

  • color (:string) - Color utility class string. One of: gray, gold, bronze, brown, yellow, amber, orange, tomato, red, ruby, crimson, pink, plum, purple, violet, iris, indigo, blue, cyan, teal, jade, green, grass, lime, mint, sky. Must be one of "gray", "gold", "bronze", "brown", "yellow", "amber", "orange", "tomato", "red", "ruby", "crimson", "pink", "plum", "purple", "violet", "iris", "indigo", "blue", "cyan", "teal", "jade", "green", "grass", "lime", "mint", or "sky".
  • high_contrast (:boolean) - Whether to increase color contrast with the background.
  • weight (:string) - Font weight: one of light, regular, medium, bold. Must be one of "light", "regular", "medium", or "bold".
  • truncate (:boolean) - Whether to truncate text with ellipsis when it overflows.
  • size (:string) - Blockquote size (1-9). Responsive supported. Must be one of "1", "2", "3", "4", "5", "6", "7", "8", or "9".
  • class (:string) - Additional CSS classes. Defaults to nil.
  • style (:string) - Additional inline styles. Defaults to nil.
  • rest (:any) - Additional HTML attributes. Defaults to %{}.

Slots

  • inner_block (required)