ComponentBorderRadius

type 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