如何在 Material UI 快速拨号按钮中添加文本？

Question

如何更改材质ui快速拨号按钮，显然它使用了Fab默认，你所能做的就是更改图标，但我还需要添加一个文本，例如：

<Fab variant="extended">
    <NavigationIcon />
    Actions
</Fab>

Answer 1

1. 为此目的使用SpeedDialAction

    <SpeedDialAction
       key={action.name}
       icon={action.icon} // here goes your icon
       tooltipTitle={action.name} // here goes your text
       tooltipOpen
       onClick={handleClose}
    />

悬停时您会看到

• Documentation 给它
• Live example

1. 或使用floating action button 来满足您的目的

    <Fab
        aria-label={fab.label}
        className={fab.className}
        color={fab.color}
    >
        {fab.icon}
    </Fab>

• Documentation 给它
• Live example

---

请让我知道它是否适合您）