material-ui 能够扩展/继承变体样式的能力,

sqserrrh  于 6个月前  发布在  其他
关注(0)|答案(5)|浏览(59)

重复问题

  • 我搜索了现有的问题

最新版本

  • 我测试了最新版本

总结 💡

目前,当我们为组件(如按钮)创建自定义变体时,我们必须手动定义该变体的所有样式。这可能耗时且在我们需要创建一个与现有变体相似但略有修改的变体时,可能会导致代码重复。
我的建议是添加一个新功能,允许我们在创建新变体时扩展或继承现有变体的样式。例如,如果我们为按钮创建一个名为contained_v2的新变体,我们应该能够指定此变体应具有contained_v1的所有现有样式,并在新样式上应用。
这将大大节省我们在创建与现有变体相似的变体时的的时间和精力,并有助于我们在我们的项目中保持一致的风格。

示例 🌈

MuiButton: {
		variants: [
			{
				props: { variant: 'contained_v2' },
				inherit: "contained",  // SUGGESTION
				style: ({ theme, containedStyles }) => {
					return {
						...containedStyles,
						minWidth: '112px',
						background: theme.palette.background.paper,
						color: theme.palette.primary.light,
						boxShadow:
							'0px 2px 2px rgba(10, 16, 20, 0.24), 0px 0px 2px rgba(10, 16, 20, 0.12)',
						'&:hover': {
							background: 'background.paper',
						},
						'&:active': {
							background: 'background.paper',
						},
					};
				},
			},
		],
	},

动机 🔦

  • 无响应*
5f0d552i

5f0d552i1#

是的,请继续。

thigvfpy

thigvfpy2#

这是一个有趣的建议,我们可以考虑将其纳入v6版本。

gc0ot86w

gc0ot86w3#

我同意这个!这会很棒。

4uqofj5v

4uqofj5v5#

这将会很有用!

相关问题