## Default
This component uses a [resize observer](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver) to determine the height of the above-the-fold content.
It's unexpanded by default.
Above the fold content here
More above the fold content
Below the fold content here
## Custom tile heights
Set a custom height for the tiles on the "above" and "below" slots.
Above the fold content here
Below the fold content here
## Expanded
Above the fold content here
Below the fold content here
## Light variant
Above the fold content here
Below the fold content here
## With icon labels
Above the fold content here
Below the fold content here
## With interactive content
For tiles containing interactive content, use `stopPropagation` to prevent the tile from toggling.
Below the fold content here