提问者:小点点

为什么按钮必须在MUI中用CardActions包装


我正在阅读MUI上的卡文档,注意到卡中的按钮总是用CardActions包装,我不知道是否真正理解该标记的作用,因为文档中没有真正解释它。在他们的API和我播放时,唯一值得注意的属性是disableSpacing,它禁用按钮之间的边距和间距。类似的标记CardActionArea更有意义,因为它将卡中的组件转换为交互式的,并继承ButtonBase,但CardActions仅继承本机组件。这个标签还有我遗漏的吗?


共1个答案

匿名用户

文档中没有提到必须用CardActions包装CardHeaderCardContentCardActionsCardMediaCardActionArea都是内置的便利容器,具有预设设置,可根据材料的设计理念组织卡片内部的物品。主要区别在于填充和间距CardAction的填充为1(8px),CardContent2(16px),CardMedia0。而CardAction内部的间距是2 vsCardContent1。

如果您的设计不需要这些容器的便利性,单独使用按钮是完全可以的。虽然在这种情况下,为什么要使用Card组件;只需使用更简单的Book组件。