Experimental
Describes the surrounding container the element's content sits on — the visible container — so the content can blend in with, or deliberately react to, its surroundings.
Might be removed in future versions or change behavior.
Blend content in with the surrounding container
function MyComponent() { const { appearance } = useContainer_unstable(); return <span style={{ color: appearance.colorSubtle }}>Secondary</span>;} Copy
function MyComponent() { const { appearance } = useContainer_unstable(); return <span style={{ color: appearance.colorSubtle }}>Secondary</span>;}
Describes the surrounding container the element's content sits on — the visible container — so the content can blend in with, or deliberately react to, its surroundings.
Might be removed in future versions or change behavior.