Type Alias ComponentBorderRadius

ComponentBorderRadius: Flattened<
{ borderRadius: typeof borderRadiusComponents },
>

Component border radii are the border radius values for the individual UI components. They inherit values from the SemanticBorderRadius via CSS variables.

Example

const theme: Partial<ComponentBorderRadius> = {
  "border-radius-cta": "var(--cdp-web-border-radius-none)", // Remove border radius for ctas only
};

See

borderRadiusComponents for the default token values
SemanticBorderRadius for the semantic border radius values that the component border radius values inherit from

Type Alias ComponentBorderRadius

Example

See

Settings