Page Block

Full-width section with optional background.

Props

testId
string
Sets a data-testid attribute for automated testing.
width
GoabPageBlockSize
Maximum width of the content area. Use "full" for 100% width or a CSS dimension like "1200px".
Defaults to full.
testId
string
Sets a data-testid attribute for automated testing.
width
GoabPageBlockSize
Maximum width of the content area. Use "full" for 100% width or a CSS dimension like "1200px".
testid
string
Sets a data-testid attribute for automated testing.
width
"full" | string
Maximum width of the content area. Use "full" for 100% width or a CSS dimension like "1200px".
Defaults to full.
Examples

Error pages

Error pages preview
View more

Other

GoabPageBlock with a width prop is one way to constrain main content within OneColumnLayout. It gives you a quick, consistent content width without having to handle that yourself.
All GoA Design System components are built to meet WCAG 2.2 AA standards. The following guidelines provide additional context for accessible implementation.

No accessibility-specific guidelines have been documented for this component yet.

View old component docs