Styling

The stylesheet must be imported once, anywhere in your app:

import "@thenoughtyfox/noughty-tours-web-sdk/style.css";

Every rule in it is scoped to a .nt-root class that the components put on their own root elements. Two consequences, both of them the point:

• The stylesheet cannot affect the rest of your page. Importing it is safe even in an app with its own design system.
• Your own CSS reset cannot reach inside the components. They look the same regardless of what surrounds them.

No configuration is needed on your side, and Tailwind is not required.

note

Skip the import entirely if you are using the client alone and rendering your own interface.