Variable ButtonDropDownConst

Type Declaration

• • (props: ButtonDropDownPropsExtend): Element

  • A customized Material-UI Button Drop Down component.

    Parameters

    • props: ButtonDropDownPropsExtend

      The properties for the ButtonDropDown component

    Returns Element

    A rendered ButtonDropDown component

    Component

    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

    Note

    For performance optimization in cases of frequent parent re-renders, consider wrapping this component with React.memo at the consumption level.

    See

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