样式

概念

¥Concepts

安装 Chakra UI 后，请遵循以下指南学习关键概念：

¥After installing Chakra UI, follow these guidelines to learn the key concepts:

• Chakra 工厂

• 响应式设计

• CSS 变量

• 暗色模式

• 颜色不透明度修改器

• 条件样式

• 虚拟颜色

合成

¥Compositions

理解这些概念后，学习如何使用这些组合来避免重复样式：

¥After understanding the concepts, learn how to use these compositions to avoid repeating styles:

• 文本样式

• 图层样式

• 动画样式

• 焦点环

样式属性

¥Style Props

样式属性是在 Chakra UI 中设置组件样式的最基本方法。它们基本上是 CSS 样式的属性。了解更多关于样式属性的信息

¥Style props are the most fundamental way to style your components in Chakra UI. They are basically css styles as props. Learn more about style props