Avatar is available in different sizes. You can use any image in Avatar. You need to include class avatar-container and for size add class according to size avatar-large, avatar-big, avatar-medium, avatar-small (e.g. class="avatar-container avatar-large")

Available Alerts are- success alert, error alert, warning alert, primary alert, secondary alert. To use this alert just use class name alert-box and also add class according to alert type- alert-primary, alert-secondary, alert-warning , alert-danger, alert-sucess. (e.g.class=" alert-box alert-primary").

Four type of badges are available which can be used with Avatar. Use class names red-badge, green-badge, orange-badge, blue-badge for different badges.

Whenever you want your user to click on a link or button, use primary style buttons.

If you want user not to pay attention to buttons then use Secondary buttons. You can directly copy below html code and use it in your app.

If you want to use disabled buttons just copy paste the code below.

you can use any image in card just copy paste code below.

You can add class img-res to make your image fit the width of container. It's height will get adjusted by keeping the aspect ratio same. If you want to change the aspect ratio, you will have to crop the image.

You can use these input just by copy and pasting.

You can these Text just by adding respective class names.

You can this navigation bar just by copy and pasting.

You can use modals to show any important and highlighted stuff.

Add class according to bullet style. Copy html code below and add your desired list items.

Add class according to bullet style. Copy html code below and add your desired list items.

You can use snackbar to show notifications and error,sucess and warn messages.

You can use Rating just by copy pasting code below.

You can use grid just by copy pasting code below. One,Two, Three Grids systems are available.