brand-themes:使用样式化系统的样式化组件的品牌主题

时间:2024-03-27 03:48:46
【文件属性】:

文件名称:brand-themes:使用样式化系统的样式化组件的品牌主题

文件大小:221KB

文件格式:ZIP

更新时间:2024-03-27 03:48:46

styled-components styled-system TypeScript

品牌主题 使用品牌主题。 概念 该项目是构建一组主题化的可重复使用的React组件的概念验证,以支持不同的品牌设计。 查看。 成分 该组件提供了合理的默认值,可以根据遵循“主题对象来覆盖这些默认值。 按钮组件 const Button = styled.button( variant({ scale: 'buttons', }) ) 主题 主题对象遵循。 品牌主题 const buttons = { primary: { backgroundColor: color.primary, height: '42px', width: '302px', borderRadius: '8px', border: `3px solid ${color.primary}`, color: co


【文件预览】:
brand-themes-main
----yarn.lock(548KB)
----.prettierignore(39B)
----src()
--------components()
--------themes()
----.storybook()
--------main.js(548B)
----tsconfig.json(642B)
----jest.config.js(331B)
----.prettierrc(157B)
----tslint.json(19KB)
----README.md(1KB)
----.huskyrc.json(63B)
----.gitignore(46B)
----enzyme.setup.js(130B)
----package.json(1KB)

网友评论