全球范围内对其进行定制

rmamin

这些组件封装了自己的标记和样式，是吗？

麦克风：是的。您实际上不必使用 Chakra 编写类。我没有。我什至不知道这是否可能。整个 React 范式是一个组件组合和属性。组件的封装意味着您将某些属性传递到组件中。在 Chakra 中，你有一个主题的概念，它是一个全球范式。有一个默认主题，它有颜色和间距的值以及所有常见事物的某些单位。

麦克风：您可以自定义该主题。它在您可以根据需要 电报号码数据 增强它。当您调用组件本身时，例如文本输入。输入组件。这将具有主题定义的默认颜色、边框半径、填充和边距。当您想进一步设置样式时，如果您不想在全局基础上进行操作，例如，当我指定底部边距时，我会根据具体情况进行操作。我不会在全球范围内这样做，因为这可能会导致灾难。您只需将其作为提示传递即可。

麦克风：有快捷方式提示。如果我有一个输入组件，我只是说，MB 等于，然后是一个值，它将应用边距底部。或者他们有 MX 和 MY 表示垂直和水平。或者您可以只指定 M 并传递字符串，就像传递 margin CSS 属性一样。没有班级名称。它动态地执行类名并将其混淆，远离用户。

德鲁：是的。我认为这就是必须与 Tailwind 进行比较的地方。因为 Tailwind 的工作方式是它为您提供了一整套类。如果您想增加利润，您可以开设一门课程来增加利润。听起来实际上您正在采取相同的...这是一种不同的实现，但其架构方式相同。我们实际上正在使用道具，并且您正在传递一个道具来调整这些东西。

德鲁：定制设计有多容易？是否只是能够调整颜色、边距和填充并使其看起来有点不同？或者你真的可以用 Chakra 来打造一个主题吗？

麦克风：哦，你可以做任何你想做的事情。这很棒。您可以在组件级别或主题级别设置样式。这仅取决于您想要如何发挥创意。我已经成功地使用了一些组件并用它们做了一些疯狂的事情。使其真正具有风格的部分原因是这些组件非常原子。



麦克风：再次使用文本框示例，如果您想要一个文本框，您的组件就是这样。您可以设置周围所有内容的样式，也可以设置文本框本身的样式。或者您可以更改主题。设置颜色以在全球范围内重塑一切。

麦克风：事实上，我在 Twitter 上发了 Chakra UI 的创建者 Seg 的消息，说他们应该在网站上放一个画廊，因为它真的很棒。你可以用它创造一些漂亮的设计。它们种类繁多，您可能不知道表面上的情况。我不知道 Chakra UI 是否有任何迹象表明您正在为您的网站使用 Chakra UI。

麦克风：我见过一些非常好的东西。但你可以用它做任何事情。我做过静态网站。Cut Into The Jamstack 主页就用它完成了。仅举一个例子。我们在 Echobind 上多次使用过它。我不记得我们是否在 echobind.com 中使用过它。但肯定有我们的许多客户网站。然后是我一直在构建的应用程序 JamShots，它是一个应用程序。它还没有营销页面。但这只是 UI，而且所有 UI 都是使用 Chakra 构建的。