projects/congarevenuecloud/elements/src/lib/icon/dots/dots.component.ts
Animated blinking dots built from the bootstrap library to be used to show loading status.
import { IconModule } from '@congarevenuecloud/elements';
@NgModule({
imports: [IconModule, ...]
})
export class AppModule {}
// Basic Usage
```typescript
<apt-dots></apt-dots>
// Larger size dots
```typescript
<apt-dots [large]="true"></apt-dots>
// Change color of dots with bootstrap text color class
Example :<apt-dots color="text-warning"></apt-dots>
selector | apt-dots |
templateUrl | ./dots.component.html |
Inputs |
large |
Type : boolean
|
Default value : false
|
Flag to set the dots to a larger size. |
<div
[class]="'spinner-grow ' + color"
[class.spinner-grow-sm]="!large"
role="status"
>
<span class="sr-only">Loading...</span>
</div>
<div
[class]="'spinner-grow ' + color"
[class.spinner-grow-sm]="!large"
role="status"
style="animation-delay: .1s;"
>
<span class="sr-only">Loading...</span>
</div>
<div
[class]="'spinner-grow ' + color"
[class.spinner-grow-sm]="!large"
role="status"
style="animation-delay: .2s;"
>
<span class="sr-only">Loading...</span>
</div>