# xpl-content-area

The `<xpl-content-area>` sets up the area for the main content of the page. This component renders a `<main>` element with an unnamed `<slot>`, and should not be combined with another `<main>` in the same page.

<!-- Auto Generated Below -->


## Properties

| Property | Attribute | Description | Type                           | Default  |
| -------- | --------- | ----------- | ------------------------------ | -------- |
| `size`   | `size`    |             | `"full" \| "narrow" \| "wide"` | `'wide'` |


----------------------------------------------

*Built with [StencilJS](https://stenciljs.com/)*