ComponentFonts

On this page

type ComponentFonts = Flattened<{
  font: typeof fontComponents;
}>;

Component fonts are the fonts for the individual UI components. They inherit values from the SemanticFonts via CSS variables.

Example

const theme: Partial<ComponentFonts> = {
  "font-family-cta": "var(--cdp-web-font-family-mono)", // Change the font for ctas to monospace font
};

⌘I