Spinner

Angular Bootstrap Spinner is animation that is used to keep visitors entertained while the page is still loading, which helps to increase the user experience.

Spinner Types

image info

html

<CDBSpinner ></CDBSpinner>
<CDBSpinner color='danger' ></CDBSpinner>
<CDBSpinner color='success' ></CDBSpinner>
<CDBSpinner color='warning' ></CDBSpinner>
<CDBSpinner color='info' ></CDBSpinner>
<CDBSpinner color='dark' ></CDBSpinner>
<CDBSpinner color='secondary' ></CDBSpinner>

Multicolor Spinner

image info

html

<CDBSpinner [multicolor]=true ></CDBSpinner>

Size Variations

image info

html

<CDBSpinner size="big" ></CDBSpinner>
<CDBSpinner color='secondary' ></CDBSpinner>
<CDBSpinner color='success' size="small" ></CDBSpinner>

API

Here in this section you will find information about required modules and available inputs, outputs, methods and events of this component.

Contrast Spinner Bootstrap Modules used

import {SpinnerModule } from 'cdbangular';

API Reference: Contrast Spinner Inputs

The table below shows the possible input of the Spinner component.

Name	Type	Default	Description	Example
class	String		Adds custom classes	class="myClass"
size	String		Changes the size of the spinner. Select from one these keywords: `big` and `small`.	<CDBSpinner size="big" ... />
color	String	primary	Determines breadcrumb background color, accepts CDB predefined color classes: `primary` `secondary` `success` `danger` `warning` `info` `light` `dark`	color="primary"
multicolor	Boolean	false	Allows spinner multi colors	[multicolor]=true

Slider

Multiselect