Possibility to arrange SegmentedButton vertically

[RoarGronmo]

Use case

I see that SegmentedButton are only ment to be horizontal, but we often see the need to arrange them vertically.
An example below (snipped from an android/kotlin app):

Proposal

Please add a direction parameter in SegmentedButton, which turns the direction of the layout.
...such as this one, actually suggested from Gemini:

import 'package:flutter/material.dart';

// ...

SegmentedButton<int>(
  style: ButtonStyle(
    // Customize the button style for verticalorientation
    padding: MaterialStateProperty.all(EdgeInsets.symmetric(vertical: 12.0, horizontal: 8.0)),
    textStyle: MaterialStateProperty.all(TextStyle(fontSize: 16.0)),
    // Add more styling as needed
  ),
  segments: const <ButtonSegment<int>>[
    ButtonSegment<int>(value: 0, label: Text('Option 1')),
    ButtonSegment<int>(value: 1, label: Text('Option 2')),
    ButtonSegment<int>(value: 2, label: Text('Option 3')),
    // Add more segments as needed
  ],
  selected: <int>{0}, // Set initial selection
  onSelectionChanged: (Set<int> newSelection) {
    // Handle selection changes
    print('Selected segment: ${newSelection.first}');
  },
  direction: Axis.vertical, // Set the direction to vertical
)

the call has been forwarded...

[huycozy]

In case we add support for this, there should be design spec accordingly, but it doesn't exist on M3 design as I can see: https://m3.material.io/components/segmented-buttons/specs.

Instead, I see ToggleButtons has direction that you can try to see if it fits your case or not.

[RoarGronmo]

Could the suggestion be forwarded to the Material team then ?

[huycozy]

This needs to be triaged by Flutter design team afterward if you think this feature should be added to SegmentedButton. Doesn't ToggleButtons work for your case?

[RoarGronmo]

ToggleButton is m2, cant see it is mentioned in m3. We are trying to implement m3 in our projects from now on. tir. 18. juni 2024, 13:41 skrev Huy ***@***.***>:

…

This needs to be triaged by Flutter design team afterward if you think this feature should be added to SegmentedButton. Doesn't ToggleButtons <https://api.flutter.dev/flutter/material/ToggleButtons-class.html> work for your case? — Reply to this email directly, view it on GitHub <#150416 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ACVSTEHDM3VJOIQG26VJGCLZIAMG3AVCNFSM6AAAAABJPSAXCSVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDCNZVHA4TKOBUGE> . You are receiving this because you authored the thread.Message ID: ***@***.***>