Slide-toggle

[kgiroux]

request:

Hi everyone, i dont understand how can i use Slide-toggle

<md-slide-toggle [color]="myColor">
Dynamic Color

I would like to use #309DB5 color, but nothing change. It is style purple.

How can i use it ...

What is the expected behavior?

Slide-toggle

What is the current behavior?

Slide-toggle

What is the use-case or motivation for changing an existing behavior?

Which versions of Angular, Material, OS, browsers are affected?

Angular 2-RC6
Material Alpha 8

Is there anything else we should know?

[devversion]

Right now Material 2 does not support different Material Design Palettes (See #123).

At the moment the theme is fixed for all components to

• Teal : Primary Palette
• Purple: Accent Palette
• Red: Warn Palette

The slide-toggle uses by default the accent palette as per specs.

To be able to switch the different palettes, you could use the following syntax

<md-slide-toggle color="primary">

<!-- Dynamic with Angular host bindings -->
<md-slide-toggle [color]="myColor">

Also this is documented in the Readme of the slide-toggle

For your custom color, you should be able to overwrite it as long as your component stylesheet disables view encapsulation.

[jelbourn]

See #123

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}