Installation
Install package
Open a terminal at the root of your project workspace and run the following yarn or npm command:
The command will install all packages in the node_modules folder of your application.
Import CSS file
Import CSS files into your project. You can import only css files you need.
- nomimono-theme/light.css – default light theme
- nomimono-css/reset.css – reset browser style for nomimono * required
- nomimono-css/atomic.css – atomic utility classes that you'll love.
- nomimono-css/layout.css – classes for help creating responsive grid layout.
- nomimono-css/component.css – collection of UI element classes that consume theme.
You can create your theme just by copying the base theme of your choice (light, dark), saving it into your project, and changing the variable's value. For advanced customization, see the customization page.
Set default theme
Simply add data-theme="THEME_NAME" to >html tag to load the theme variable
to your browser.
Generally, you may want to use the light.css theme in
@nomimono/nomimono-theme for the default theme of your app.
An now you're ready to go.
Use CDN
If you don't want to use a package manager like NPM or YARN, you can directly include the CSS files into your HTML using CDN.