Section
The Section component represents a discrete page section.
Props
| Name | Type | Default | Description |
|---|
fullBleed | boolean | false | A full bleed section extends to the edges of the page. |
alternateBackground | boolean | false | Apply the alternate background style. |
Usage
<Section>
<Text>Quis risus elit nibh consectetur sapien sit euismod hendrerit vestibulum porttitor suscipit. Sit adipiscing lorem sollicitudin ut ipsum sollicitudin ante euismod ut in. Dolor porttitor vestibulum nibh sollicitudin dolor quis sapien condimentum vestibulum, est, ipsum. Ipsum hendrerit euismod adipiscing ipsum ut orci vivamus sollicitudin, nibh sit, ut.</Text>
</Section>
Alternate background
<Section alternateBackground>
<Text>Quis risus elit nibh consectetur sapien sit euismod hendrerit vestibulum porttitor suscipit. Sit adipiscing lorem sollicitudin ut ipsum sollicitudin ante euismod ut in. Dolor porttitor vestibulum nibh sollicitudin dolor quis sapien condimentum vestibulum, est, ipsum. Ipsum hendrerit euismod adipiscing ipsum ut orci vivamus sollicitudin, nibh sit, ut.</Text>
</Section>
Full bleed
<Section fullBleed alternateBackground>
<Text>Quis risus elit nibh consectetur sapien sit euismod hendrerit vestibulum porttitor suscipit. Sit adipiscing lorem sollicitudin ut ipsum sollicitudin ante euismod ut in. Dolor porttitor vestibulum nibh sollicitudin dolor quis sapien condimentum vestibulum, est, ipsum. Ipsum hendrerit euismod adipiscing ipsum ut orci vivamus sollicitudin, nibh sit, ut.</Text>
</Section>