| title | permalink |
|---|---|
Getting Started |
/getting-started/ |
We've built the Valence UI libraries on Sass, which is a CSS pre-processor that allows you to extend the CSS. For most components, we provide both the compiled CSS and Sass mixins that you can use to style and customize your app.
All components are available as npm modules.
You can style VUI components by just using plain CSS. For components that include CSS files, just bundle those files with your application.
If you'd rather use Sass to style and customize your app, most VUI components include Sass mixins (Scss syntax) that you can import into your own Sass files.
Check out the [Components](/components/] page for a list of available VUI components.
All of the VUI components are available as npm modules, so you must have Node.js installed.
To install a component, in your project directory, type the following command:
{% highlight bash %} npm install vui-{component-name} {% endhighlight %}
For example, to install the vui-icons library, type: npm install vui-icons.
Once installed, the VUI component is available in the node-modules directory of your project.
From there you can incorporate the component into your app. Visit the docs to see how.