Wells are a great way to display standout information without too much visual weight. Use them in cards, dialogs, and drawers.

Structure

Elements

The base well will create a box with a light background fill and some pleasing padding. Wells have no size constraints, so they will fill the horizontal space that’s available and the vertical space depending on the amount of content it contains.

Variations

Color

A well can have a colored background fill.

• Default
• Danger

Style

Style specifications are available to inspect via Abstract. The following link will take you to their web-based interface.

Inspect component

Breakpoints

Wide

Narrow