每个组件的样式
如果您想改变特定组件的外观,您可以单独应用样式。例如,您可以轻松更改按钮的半径或调整表单输入字段的背景颜色。您可以覆盖 CSS 类并应用样式属性进行灵活的定制。
设计系统集成
通过结合设计系统,GingaUI 允许您创建符合公司品牌指南的 UI。例如,通过与 Figma 和 Adobe XD 集成,您可以进行开发,同时保持设计和实现之间的一致性。
GingaUI默认支持暗黑模式,并可根据用户 中国海外欧洲数据 设置自动切换颜色模式。您可以轻松地在明暗模式之间切换,以提高可见性并提供更舒适的用户界面。
详细介绍如何安装GingaUI以及如何配置它
要将 GingaUI 引入您的项目,您需要设置适当的环境。本文提供了有关安装、基本设置和故障排除的详细说明。 GingaUI 在 Node.js 环境中运行,因此建议您提前准备好环境。特别是在使用React或Next.js的项目中可以顺利实现。
安装 GingaUI 的先决条件
在安装GingaUI之前,请确保以下环境已准备好。
Node.js(建议版本:16 或更高)
包管理器(npm 或 yarn)
React 17 或更高版本(还支持 Next.js 和 Gatsby.js)
如果这些都到位了,安装就会顺利进行。如果需要版本控制,Node 版本管理器(nvm)是一个不错的选择。