Skip to main content
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

I