Function useDesignTokens

useDesignTokens(): DesignTokens

Returns all Design Tokens as a single object.

Returns DesignTokens

Since

1.1.0

Example

Basic Usage

function MyComponent() {
  const designTokens = useDesignTokens();

  return (
    <div style={{ backgroundColor: designTokens.controlsPrimaryBackground }}>Design Tokens</div>
  );
}