A title and action composition for application headers, card headers, and section controls. Toolbar owns title wrapping, action grouping, and responsive shrink behavior.
| Prop | Type | Default | Description |
|---|---|---|---|
| headline | ReactNode | Required | Primary title |
| body | ReactNode | - | Supporting title text |
| leading | ReactNode | - | Leading identity or icon |
| actions | ReactNode | - | One or more trailing actions |
| headlineSize | Size | "xlarge" | Title size |
| headlineBold | boolean | true | Emphasize the title |
| bodyEllipsis | boolean | false | Truncate supporting text |
<Toolbar
headline="Atlas workspace"
body="Product planning · 8 collaborators"
leading={<Avatar name="Atlas workspace" />}
actions={<Button color="primary">New task</Button>}
/>