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;
}
Updated 3 months ago