@activelylearn/material-ui

Version:

Material-UI's workspace package

34 lines (23 loc) • 2.74 kB

Markdown

--- filename: /packages/material-ui-lab/src/SpeedDial/SpeedDial.js ---  # SpeedDial ## Props | Name | Type | Default | Description | |:-----|:-----|:--------|:------------| | ariaLabel * | string | | The aria-label of the `Button` element. Also used to provide the `id` for the `SpeedDial` element and its children. | | ButtonProps | object | | Properties applied to the `Button` element. | | children * | node | | SpeedDialActions to display when the SpeedDial is `open`. | | classes | object | | Override or extend the styles applied to the component. See [CSS API](#css-api) below for more details. | | hidden | bool | false | If `true`, the SpeedDial will be hidden. | | icon * | element | | The icon to display in the SpeedDial Floating Action Button. The `SpeedDialIcon` component provides a default Icon with animation. | | onClose | func | | Callback fired when the component requests to be closed. **Signature:** `function(event: object, key: string) => void` *event:* The event source of the callback *key:* The key pressed | | open * | bool | | If `true`, the SpeedDial is open. | | openIcon | node | | The icon to display in the SpeedDial Floating Action Button when the SpeedDial is open. | | TransitionComponent | union: string |  func | Zoom | Transition component. | | transitionDuration | union: number |  {enter?: number, exit?: number} | { enter: duration.enteringScreen, exit: duration.leavingScreen,} | The duration for the transition, in milliseconds. You may specify a single timeout for all transitions, or individually with an object. | | TransitionProps | object | | Properties applied to the `Transition` element. | Any other properties supplied will be spread to the root element (native element). ## Demos - [Speed Dial](/lab/speed-dial)