Installing Clarity UI
-
Install Clarity UI package through npm:
npm install @clr/ui
-
Install Clarity Icons package through npm:
npm install @clr/icons
-
Include the clr-ui.min.css and clr-icons.min.css files in your HTML file:
<link rel="stylesheet" href="path/to/node_modules/@clr/ui/clr-ui.min.css"> <link rel="stylesheet" href="path/to/node_modules/@clr/icons/clr-icons.min.css">
-
Include the clr-icons.min.js in your HTML file:
<script src="path/to/node_modules/clr-icons/clr-icons.min.js"></script>
-
Write your HTML with the Clarity CSS class names and markup.