---
title: Event Market Page
sidebarTitle: Event Market Page
description: "Interactive preview for the @agg-build/ui EventMarketPage 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 Market Page

`EventMarketPage` is the full event-first layout that combines hero charting, market detail cards,
settlement content, and the trading rail.

Use Storybook as the source of truth for composition, controls, and live surface behavior.

## Import

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

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

## Preview

<StorybookEmbed
  storyId="pages-event-page--playground"
  title="Event Market Page"
  height={1500}
/>