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

Loading... Sold

When to use

• 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.