Variable eventsGrid`Const`

Events Grid Feed Component

Displays a dynamic grid of event cards fetched from an external feed. Supports responsive column layouts and lazy loading.

Custom Element

<umd-feed-events>

Attributes

data-token - API authentication token (required)
data-filter-group-ids - Comma-separated category IDs to filter events
data-layout-column-count - Number of columns (1-4, default: 3)
data-layout-row-count - Initial rows to display (1-2, default: 1)
data-theme - Theme options:
- dark - Dark theme styling
data-visual-transparent - Transparent card backgrounds
data-lazy-load - Enable lazy loading of additional events

Example

<!-- Basic events grid -->
<umd-feed-events
  data-token="your-api-token">
</umd-feed-events>

Example

<!-- Events grid with filters and lazy loading -->
<umd-feed-events
  data-token="your-api-token"
  data-filter-group-ids="<added-category-id>, <another-category-id>"
  data-layout-column-count="4"
  data-layout-row-count="2"
  data-lazy-load="true">
</umd-feed-events>

Example

<!-- Dark theme with transparent cards -->
<umd-feed-events
  data-token="your-api-token"
  data-theme="dark"
  data-visual-transparent
  data-layout-column-count="2">
</umd-feed-events>

Since

1.0.0

Variable eventsGrid`Const`

Custom Element

Attributes

Example

Example

Example

Since

Settings

On This Page

Variable eventsGridConst

Custom Element

Attributes

Example

Example

Example

Since

Settings

On This Page

Variable eventsGrid`Const`