Skip to content

feat(slide-toggle): Customized slide toggle for theming featuring light / dark mode icon #28977

Open
@esthersoftwaredev

Description

@esthersoftwaredev

Feature Description

The feature I am suggesting is to add and additional slide-toggle button option
that is already customized for theme switching control.

  • having integrated theme appropriate icons within the mdc-switch__icons
  • to replace the two SVGs that are currently within

I implemented it in one of my projects using vanilla JS and thought that it might be nice to have it as and option available

  • as a ready component within Angular Material Examples page.

here is a screenshot from my app:

Light Mode
image

Dark Mode
image

I have now implemented it on a second app too

Use Case

The slide-toggle component is often used as theme switcher,
so I think that it would be very nice to have it ready and available.

The new design makes it easy to implement.

Metadata

Metadata

Assignees

No one assigned

    Labels

    P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgentarea: material/slide-togglefeatureThis issue represents a new feature or feature request rather than a bug or bug fix

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions