Opacity controls the overall transparency of a component and all of its contents.

The Opacity value is defined by a percentage, ranging from 100% (fully opaque/solid) down to 0% (fully transparent/invisible).

• Changing the Opacity value affects the entire component, including its background color, border, text, and any child components nested within it.
• This is independent of the background color's internal opacity setting, which only controls the transparency of the background fill itself, leaving the component's contents unaffected.