---
title: Event List
sidebarTitle: Event List
description: "Interactive preview for the @agg-build/ui EventList surface"
---

> **For AI agents:** the complete documentation index is at [llms.txt](/llms.txt). Append `.md` to any page URL for its markdown version.

import { StorybookEmbed } from "/snippets/storybook-embed.jsx";

# Event List

`EventList` renders event grids backed by AGG data hooks and shared UI theming.

Use Storybook as the source of truth for controls, layout tuning, and state exploration.

## Import

```tsx
import "@agg-build/ui/styles.css";
import { EventList } from "@agg-build/ui/events";
```

Requires `<AggProvider>` from `@agg-build/hooks`.

## Preview

<StorybookEmbed storyId="components-event-section--default" title="Event List" height={860} />