Visitor sites
Section
A band of a page drawn for visitors: an optional introduction, the content and an optional footer,
padded on the site spacing scale. It renders on the server with no script and is part of site.css.
Plain
Opening hours
Monday to Friday, 9am to 6pm.
Image and overlay
A background image fills the band behind the content. Set overlay to dark or light and everything inside draws in that palette over a veil of the
page color, so body text, muted text and links clear 4.5:1 whatever the image shows.
Spring retreat
Three days by the lake, with every meal included.
API
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | no default | The band's name for a screen reader, which makes it a region. |
image | { src; alt? } | no default | Drawn behind the content and cropped to the band. |
overlay | 'none' | 'light' | 'dark' | 'none' | A veil between the image and the content, in the palette it names. |
height | 'auto' | 'tall' | 'screen' | 'auto' | tall is 60% of the window and screen all of it, with the content centered. |
intro | Snippet | no default | Drawn in a header above the content. |
footer | Snippet | no default | Drawn in a footer under the content. |
children | Snippet | no default | The content. |
class | string | no default | Extra classes on the section. |