window 底部的 MUI 手风琴
MUI Accordion at the bottom of the window
我正在寻找一个 material 反应扩展,它停留在页脚上并在从下到上点击时打开。
所有 material 手风琴/可折叠从上到下展开,使页面变大。示例:https://materializecss.com/collapsible.html
我能够使用 HTML 和 JS 找到 something similar,但正在寻找开箱即用的反应/material 组件。
您似乎需要 Accordion
组件。要使其粘在底部,请将位置设置为 fixed
,将底部设置为 0
。
<Accordion
sx={{
position: 'fixed',
bottom: 0,
}}
>
<AccordionSummary>
{...}
</AccordionSummary>
<AccordionDetails>
{...}
</AccordionDetails>
</Accordion>
我正在寻找一个 material 反应扩展,它停留在页脚上并在从下到上点击时打开。
所有 material 手风琴/可折叠从上到下展开,使页面变大。示例:https://materializecss.com/collapsible.html
我能够使用 HTML 和 JS 找到 something similar,但正在寻找开箱即用的反应/material 组件。
您似乎需要 Accordion
组件。要使其粘在底部,请将位置设置为 fixed
,将底部设置为 0
。
<Accordion
sx={{
position: 'fixed',
bottom: 0,
}}
>
<AccordionSummary>
{...}
</AccordionSummary>
<AccordionDetails>
{...}
</AccordionDetails>
</Accordion>