Custom Component styling

App Building
1

Hi all,
I'm developing a custom component (with React) that forms a container around a group of checkboxes and their labels.

The default styling within the component has Times as it's font and not "Inter" as what the other standard components have.

Is there a way for the component to inherit the default styles from the app?

1 Like
2

Hi @serdar, You can apply the Inter font family in your custom component.

<style>
  @import url('https://rsms.me/inter/inter.css');
  html { font-family: 'Inter', sans-serif; }
  @supports (font-variation-settings: normal) {
    html { font-family: 'Inter var', sans-serif; }
  }

  * {
    font-family: 'Inter', sans-serif;
  }
</style>
3 Likes
3

Thank you, I've added it as a CSS file to my project and imported into my component.

2 Likes