CODEWITHSUNDEEP
cssangularsassangular-material2angular8
gautam siva
gautam siva

Reputation: 113

How to change Angular Material mat-slide-toggle properties?

<mat-slide-toggle>Slide Me!</mat-slide-toggle>

enter image description here

How to increase length of the toggle-thumb-icon,is it possible to customise the toggle-thumb-icon to the end of the bar?

Upvotes: 2

Views: 2002

Answers (1)

Sajeetharan
Sajeetharan

Reputation: 222522

You can do with the simple style

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container {
    transform: translate3d(32px,0,0) !important;
}

STACKBLITZ DEMO

Upvotes: 5

Related Questions