Variable ButtonDropDownConst

Type Declaration

• • (props: ButtonDropDownPropsExtend): Element

  • Split button dropdown component for selecting from multiple options.

    Combines a main action button with a dropdown menu to provide quick access to the current selection while allowing users to switch between alternatives. Uses Material-UI's ButtonGroup, Popper, and MenuItem components. Manages dropdown open/close state and notifies parent of selection changes via callback.

    Parameters

    • props: ButtonDropDownPropsExtend

      ButtonDropDown configuration (see ButtonDropDownPropsExtend interface)

    Returns Element

    Split button with dropdown menu that appears below on toggle

    Example

    // Basic usage
    <ButtonDropDown
      options={['Option 1', 'Option 2', 'Option 3']}
      onButtonClick={(index, text) => console.log(text)}
    />
    
    // With custom styling
    <ButtonDropDown
      options={['Small', 'Medium', 'Large']}
      sx={{
        backgroundColor: 'primary.light'
      }}
    />
    Copy

    See

    https://mui.com/material-ui/react-button-group/