Surface
Overview
Surfaces are content containers with a color palette which provide a theme (i.e. a background color as well as accessible font colors) to their child elements. Use surface only when other containers like card or accordion are inappropriate.
Status
Sample element
Surface is used to provide a theme to children
When to use
- When you want a styled background that fits well into RHDS' theming system.
- When you want to provide theming tokens to elements without using a styled container.
Status checklist
Other libraries
To learn more about our other libraries, visit the getting started page.
