Foundations
Opacity
Opacity is used to create translucent interface elements. These can be combined into different visual effects using the Block component.
Overview
Opacity foundations consist of a scale of styles that can make interface elements appear more translucent. In some cases, a component will have an opacity applied to a background.
Opacity
Opacity is used in a UI to make interface elements more or less translucent that can be applied to a Block.
| Opacity | Token | Value | Common usage |
|---|
Accessibility considerations
When using opacity, ensure important UI elements like text and icons are legible without compromising the aesthetic.