Surface

Guidelines

Surface elements are used only when another container like card or blockquote would be inappropriate.

Avoid using surface inside of other containers. Use the appropriate color-palette on the container instead

⚠️ Avoid

Don't use surfaces inside of other containers

✅ Good

Use the color-palette attribute on containers.