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

Copy Markdown View Source

Themed emphasis text.

Examples

<.em>
  Emphasized text
</.em>

<.em truncate>
  This is a long emphasized text that will be truncated.
</.em>

Props

  • as_child - If true, renders the component as its child element.
  • truncate - If true, truncates text with ellipsis when it overflows.
  • wrap - Controls text wrapping. One of: "wrap", "nowrap", "pretty", "balance". Responsive supported.
  • class - Additional CSS classes.
  • style - Additional inline styles.
  • rest - Additional HTML attributes.

Summary

Functions

Renders an emphasized text element.

Functions

em(assigns)

Renders an emphasized text element.

Attributes

  • as_child (:boolean) - Composes the component into its immediate child instead of rendering its own HTML element. Defaults to false.
  • truncate (:boolean) - Whether to truncate text with ellipsis when it overflows.
  • wrap (:string) - Text wrapping: one of wrap, nowrap, pretty, balance. Must be one of "wrap", "nowrap", "pretty", or "balance".
  • class (:string) - Additional CSS classes. Defaults to nil.
  • style (:string) - Additional inline styles. Defaults to nil.
  • Global attributes are accepted.

Slots

  • inner_block (required)