Anita Mishra
Anita Mishra

Reputation: 65

Change style of Progress spinner in angular material

I want to change type of mat-spinner from line to small-dashed-lines like we have for 'ion-spinner'. Is there any way to specify type in mat-spinner?

Upvotes: 2

Views: 2068

Answers (1)

zerocewl
zerocewl

Reputation: 12804

Correct me if i'm wrong, but i think you can't change the type of mat-spinner.

I would suggest to use ngx-spinner npm package instead. -> DEMO

 npm install ngx-spinner --save

Spinner type 'line-spin-clockwise-fade-rotating' will do the job.

<ngx-spinner
bdOpacity = 0.9bdColor = "#333"size = "medium"color = "#fff"type = "line-spin-clockwise-fade-rotating"[fullScreen] = "true"
>
<p style="color: white" > Loading... </p>
</ngx-spinner>

Upvotes: 1

Related Questions