CLEAR - UI

Installation

Follow the these steps to install and use Clear-UI directly in your project by importing the stylesheet in your css or html file.

@import url("https://clear-ui.netlify.app/css/index.css");<link rel="stylesheet" href="https://clear-ui.netlify.app/css/index.css"></link>

Import the default Prompt font and material-ui icons used.

@import url("https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,100;0,200;0,300;0,400;1,100;1,200;1,300;1,400&display=swap");

npm install --save @material-ui/icons@4.11.2

Usage

Clear - UI's components require no additional set-up. After importing the stylesheet and the default font, simply add the class of the component you want.

For adding Primary Button add the classes btn and btn-primary:

<button class="btn btn-primary">I am Primary Button</button>

It will render as: