# Hero

URL: /code/ui/components/hero · Id: `uiComponent:hero`

> Hero opens a Page with a headline, one supporting line, and one button bound to an Offer.

Hero opens a [Page](/business/nouns/page) with a headline, one supporting line, and one button bound to an [Offer](/business/nouns/offer).

| Renderer | Draws |
| --- | --- |
| `web` | Web: rich interactive UI for humans. |
| `native` | Native: JSON for native clients on phone, watch, and TV. |
| `markdown` | Markdown: token-efficient text for agents. |

| Prop | Type | Required | Description |
| --- | --- | --- | --- |
| `headline` | `string` | Yes | The headline. |
| `offer` | [Offer](/business/nouns/offer) | No | The Offer the button sells. |