Appearance
Main Element
Provides a responsive container for the native HTML main element
Usage
Basic Usage
html
<page-main>
</page-main>CSS Parts
| Name | Description |
|---|---|
container | Responsive container element |
content | Wrapper for main page content |
CSS Variables
| Name | Description | Type | Default |
|---|---|---|---|
--container-bgColor | Background color of the outer container part | color |
|
--container-fgColor | Background color of the inner content part | color | - |
--container-fgColor-sm | Background color of the content part for small containers | color | - |
Slots
| Name | Description | Type |
|---|---|---|
| none | Content to be wrapped in the HTML main element | * |
hero | Content to place above all other content | * |