Skip to content

M3 Expressive: Button groups #184936

Open
Open

Description

@QuncCccccc

Button groups are a new component in M3E designed to group related buttons together, offering two main visual styles:

  • Standard Button Group: This type contains multiple individual buttons. Each button within the group retains its own shape, but the group controls the spacing and arrangement.
  • Connected Button Group: In this type, the buttons are visually joined, sharing borders to appear as a single, segmented unit. This style is intended to replace the existing Material 3 SegmentedButton and offers more flexibility and new styling. Connected button groups can be configured for single-selection or multi-selection.
Image

We should create a new widget for Standard Button Group and either update SegmentedButton or create a new widget to support M3 Expressive.

Activity

  1. saurabh-mirajkar commented on Apr 13, 2026

    @saurabh-mirajkar
    Contributor

    @QuncCccccc Thanks for the proposal. Labelling for team-design to investigate further.

  2. added
    p: material_uimaterial_ui package in flutter/packages
    c: proposalA detailed proposal for a change to Flutter
    team-designOwned by Design Languages team
    and removed
    in triagePresently being triaged by the triage team
    on Apr 13, 2026
  3. added
    P2Important issues not at the top of the work list
    triaged-designTriaged by Design Languages team
    on Apr 15, 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

    P2Important issues not at the top of the work listc: proposalA detailed proposal for a change to Flutterp: material_uimaterial_ui package in flutter/packagesteam-designOwned by Design Languages teamtriaged-designTriaged by Design Languages team

    Type

    No type

    Projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions