Holo Container
The <holo-container> component centers its content within a maximum width, optionally applying horizontal inset padding.
Live Previews
Section titled “Live Previews”Default (lg, padded)
Section titled “Default (lg, padded)”Content constrained to a large max-width.
<holo-container max-width="lg" padded> <div>Content constrained to a large max-width.</div></holo-container>Small, unpadded
Section titled “Small, unpadded”A narrower container.
<holo-container max-width="sm"> <div>A narrower container.</div></holo-container>API Reference
Section titled “API Reference”Properties
Section titled “Properties”| Property | Attribute | Description | Type | Default |
| ---------- | ----------- | -------------------------------------------------- | ---------------------------------------- | ------- |
| maxWidth | max-width | The maximum width of the container’s content area. | "sm" \| "md" \| "lg" \| "xl" \| "full" | "lg" |
| padded | padded | If true, applies horizontal inset padding. | boolean | true |
| Slot Name | Description | | --------- | ------------------------------------ | | (default) | The content to center and constrain. |