Variable IconButtonConst

Type Declaration

• • (props: IconButtonPropsExtend): Element

  • Create a customized Material UI Icon Button component.

    Parameters

    • props: IconButtonPropsExtend

      The properties passed to the Icon Button element

    Returns Element

    The Icon Button component

    Component

    Example

    // Basic usage
    <IconButton>
      <DeleteIcon />
    </IconButton>
    
    // With tooltip
    <IconButton
      tooltip="Delete item"
      tooltipPlacement="top"
    >
      <DeleteIcon />
    </IconButton>
    
    // With custom styling
    <IconButton
      className="custom-button"
      size="small"
      color="primary"
    >
      <EditIcon />
    </IconButton>
    
    // With disabled state
    <IconButton
      disabled={true}
      tooltip="Not available"
    >
      <SaveIcon />
    </IconButton>
    Copy

    See

    https://mui.com/material-ui/react-button/#icon-button