Well

The well component, prefixed by gds-well, can be used for alert messages or other user notifications.

Prototypes Page

<div class="gds-well -m-b-2">
    <p class="gds-well__text">Default well</p>
    <button class="gds-well__button"></button>
</div>
<div class="gds-well gds-well--success">
    <p class="gds-well__text">Success well</p>
    <button class="gds-well__button gds-well__button--success"></button>
</div>

Optional classes:

• gds-well--success
• gds-well__button--success
• gds-well--info
• gds-well__button--info
• gds-well--warning
• gds-well__button--warning
• gds-well--danger
• gds-well__button--danger
• gds-well--dark