Skip to content

Update Switch design according to M3. #4177

Closed
Closed
Update Switch design according to M3.#4177
Labels
feature request

Description

@soumya-99
soumya-99
opened on Nov 10, 2023

In the latest version of react-native-paper, the switch component is like the old school M2 design. Update the design in M3.

New: https://m3.material.io/components/switch/overview

Activity

  1. soumya-99
    added
    feature request
    on Nov 10, 2023

  2. irekrog commented on Nov 10, 2023

    @irekrog
    irekrog
    on Nov 10, 2023

    #3689 (comment)

  3. huayunh commented on Nov 20, 2023

    @huayunh
    huayunh
    on Nov 20, 2023

    Totally this! I think it would be beneficial for at least the Android toggle switch to match what Material Design 3 specifies, and add the ability to use icons in the toggle switch knob. Like what Material Design 3 calls for:

    image

  4. rollingmoai commented on Jan 20, 2024

    @rollingmoai
    rollingmoai
    on Jan 20, 2024

    #3797 (comment)

    https://snack.expo.dev/@crystalarcus/material-switch

    M3.styled.switch.Issue.3797.callstack-react-native-paper.mp4

  5. adrcotfas commented on Apr 17, 2026

    @adrcotfas
    adrcotfas
    on Apr 17, 2026
    Collaborator

    Related: react/react-native#56484

  6. adrcotfas commented on May 28, 2026

    @adrcotfas
    adrcotfas
    on May 28, 2026
    Collaborator

    FIxed in #4957

  7. adrcotfas
    closed this as completedon May 28, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    feature request

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions