---
title: Settlement
sidebarTitle: Settlement
description: "Interactive preview for the @agg-build/ui Settlement 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";

# Settlement

`Settlement` displays resolution context, venue differences, and outcome settlement details.

Use Storybook as the source of truth for controls, data states, and expanded venue behavior.

## Import

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

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

## Preview

<StorybookEmbed storyId="components-settlement--playground" title="Settlement" height={640} />