window 底部的 MUI 手风琴

Question

我正在寻找一个 material 反应扩展，它停留在页脚上并在从下到上点击时打开。

所有 material 手风琴/可折叠从上到下展开，使页面变大。示例：https://materializecss.com/collapsible.html

我能够使用 HTML 和 JS 找到 something similar，但正在寻找开箱即用的反应/material 组件。

Answer 1

您似乎需要 Accordion 组件。要使其粘在底部，请将位置设置为 fixed，将底部设置为 0。

<Accordion
  sx={{
    position: 'fixed',
    bottom: 0,
  }}
>
  <AccordionSummary>
    {...}
  </AccordionSummary>
  <AccordionDetails>
    {...}
  </AccordionDetails>
</Accordion>

window 底部的 MUI 手风琴

MUI Accordion at the bottom of the window

reactjs

material-ui

accordion

collapse