Allow a tooltip placement prop on SpeedDialAction

Author: Sean Chamberlain

packages/material-ui-lab/src/SpeedDialAction/SpeedDialAction.d.ts

@@ -8,6 +8,7 @@ export interface SpeedDialActionProps
   ButtonProps?: Partial<ButtonProps>;
   delay?: number;
   icon: React.ReactNode;
+  tooltipPosition?: string;
   tooltipTitle?: React.ReactNode;
 }
 

packages/material-ui-lab/src/SpeedDialAction/SpeedDialAction.js

@@ -55,6 +55,7 @@ class SpeedDialAction extends React.Component {
       onClick,
       open,
       tooltipTitle,
+      tooltipPosition,
       ...other
     } = this.props;
 
@@ -63,7 +64,7 @@ class SpeedDialAction extends React.Component {
         id={id}
         className={classNames(classes.root, classNameProp)}
         title={tooltipTitle}
-        placement="left"
+        placement={tooltipPosition}
         onClose={this.handleTooltipClose}
         onOpen={this.handleTooltipOpen}
         open={open && this.state.tooltipOpen}
@@ -124,6 +125,10 @@ SpeedDialAction.propTypes = {
    * @ignore
    */
   open: PropTypes.bool,
+  /**
+   * Placement of the tooltip.
+   */
+  tooltipPosition: PropTypes.string,
   /**
    * Label to display in the tooltip.
    */
@@ -133,6 +138,7 @@ SpeedDialAction.propTypes = {
 SpeedDialAction.defaultProps = {
   delay: 0,
   open: false,
+  tooltipPosition: 'left',
 };
 
 export default withStyles(styles, { name: 'MuiSpeedDialAction' })(SpeedDialAction);

pages/lab/api/speed-dial-action.md

@@ -19,6 +19,7 @@ title: SpeedDialAction API
 | <span class="prop-name">classes</span> | <span class="prop-type">object |   | Useful to extend the style applied to components. |
 | <span class="prop-name">delay</span> | <span class="prop-type">number | <span class="prop-default">0</span> | Adds a transition delay, to allow a series of SpeedDialActions to be animated. |
 | <span class="prop-name required">icon *</span> | <span class="prop-type">node |   | The Icon to display in the SpeedDial Floating Action Button. |
+| <span class="prop-name">tooltipPosition</span> | <span class="prop-type">string | <span class="prop-default">'left'</span> | Placement of the tooltip. |
 | <span class="prop-name">tooltipTitle</span> | <span class="prop-type">node |   | Label to display in the tooltip. |
 
 Any other properties supplied will be spread to the root element (native element).