PureAdmin.Components.Timeline (PureAdmin v1.1.0)

Copy Markdown View Source

Timeline components for Pure Admin.

Supports simple, alternating, and feed variants.

Summary

Functions

Renders a timeline container.

Renders a timeline item.

Functions

timeline(assigns)

Renders a timeline container.

Examples

<.timeline>
  <.timeline_item variant="success" time_text="10:30 AM">
    Task completed successfully.
  </.timeline_item>
</.timeline>

<.timeline variant="alternating">
  ...
</.timeline>

Attributes

  • variant (:string) - Timeline variant. Defaults to nil. Must be one of nil, "simple", "alternating", or "feed".
  • align (:string) - Alignment for alternating variant. Defaults to nil. Must be one of nil, "start", or "end".
  • is_keep_layout (:boolean) - Prevent mobile collapse for alternating variant. Defaults to false.
  • class (:string) - Defaults to nil.
  • Global attributes are accepted.

Slots

  • inner_block (required)

timeline_item(assigns)

Renders a timeline item.

Examples

<.timeline_item variant="success" time_text="10:30 AM">
  <:title>Event Title</:title>
  Event description here.
</.timeline_item>

<.timeline_item variant="info" is_filled time_text="2:00 PM">
  <:icon><i class="fa-solid fa-star"></i></:icon>
  Something happened.
</.timeline_item>

Attributes

  • variant (:string) - Defaults to nil.Must be one of nil, "primary", "secondary", "success", "danger", "warning", or "info".
  • is_filled (:boolean) - Filled marker instead of outline. Defaults to false.
  • is_date_header (:boolean) - Date header item (for feed timeline). Defaults to false.
  • time_text (:string) - Time/date text. Defaults to nil.
  • icon_text (:string) - Icon text content (string). Defaults to nil.
  • avatar_url (:string) - Avatar image URL (feed timeline). Defaults to nil.
  • avatar_alt (:string) - Avatar alt text. Defaults to "User".
  • class (:string) - Defaults to nil.
  • Global attributes are accepted.

Slots

  • icon - Custom icon content.
  • title - Item title.
  • meta - Metadata (date, time, etc.).
  • comment - Comment content (feed timeline).
  • inner_block (required)