Skip to main content Red Hat Design System logo Contribute on Github

Surface

Overview Style Guidelines Demos Code

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.

Other libraries

To learn more about our other libraries, visit this page.

© 2021-2024 Red Hat, Inc. Deploys by Netlify