Overview

A Well is a content container used to visually group content on a page. Typically a Well displays non-editable content separate from other content on the screen.

Examples

Content

Localized content should be provided via the children prop.

If the visual separation of a <Well> conveys semantic meaning and therefore makes a difference to understanding the content, a role prop must be supplied and, if appropriate, labeled using either aria-label or aria-labelledby.

Code example
Playroom

"We must not allow the clock and the calendar to blind us to the fact that each moment of life is a miracle and mystery."

In The Fourth Year - by H.G. Wells

Current theme

Theme

Contents