Split Button

A Split Button combines a primary action Button with secondary actions in an Overflow Menu.

Component checklist

Flutter

Is new design vision part implemented using new tokens?

Up to date

Resources

Examples

Buttons/Split Button


                                                        
                                                        
                                                            OptimusSplitButton<int>(
                                                                          size: OptimusWidgetSize.large,
                                                                          items: Iterable<int>.generate(10)
                                                                              .map(
                                                                                (i) => ListDropdownTile<int>(
                                                                                  value: i,
                                                                                  title: Text('Dropdown tile #$i'),
                                                                                  subtitle: Text('Subtitle #$i'),
                                                                                ),
                                                                              )
                                                                              .toList(),
                                                                          onPressed: () {},
                                                                          onItemSelected: () {},
                                                                          variant: OptimusSplitButtonVariant.tertiary,
                                                                          child: Text('Split Button'),
                                                                        )
                                                        
                                                            

OptimusButton Example

API

Name

Description

Type

Default

onPressed

 

VoidCallback?

 

child

 

Widget

 

items

 

List<OptimusDropdownTile<T>>

 

onItemSelected

 

ValueSetter<T>?

 

size

 

OptimusWidgetSize

OptimusWidgetSize.large

variant

 

OptimusSplitButtonVariant

OptimusSplitButtonVariant.tertiary