SDK Customizations

CSS classes

All elements used by the SDKs use prefixed classes starting with yuno-*. Therefore, if you need to change the SDK appearance to match your business style, you can use these classes to redefine the style.

Font

By default, the Inter font is used in the SDK elements. Therefore, to use it is necessary to add this font to your HTML. Add the following link tag into your HTML to import the Inter font properly:

<link
  href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Roboto&display=swap"
  rel="stylesheet"
/>

Check this example from the Demo App if you are unsure where to position the HTML tag. Alternatively, you can apply the font used on your system to the SDK elements using CSS, as shown in the example:

[class*=yuno] {
  font-family: YOUR_FONT;
}