STUDS provides a comprehensive set of styles to help you maintain a cohesive, visually appealing design across your projects. To use STUDS styles in your projects, follow these steps.

​
How to install @studs/styles

Install @studs/styles using your prefered package manager.

npm install @studs/styles

​
Order of Imports

Ensure that the @studs/styles is applied before any other styles to avoid conflicts. This will provide base styling for your project. The order should be:

  1. @studs/styles
  2. Any additional app-specific styles.

​
How to add @studs/styles to your project

In your project, add the following line to the <head> section of your index.html file:

<link href="node_modules/@studs/styles/public/css/studs-styles.css" rel="stylesheet" />