自定义变体
NextUI 允许您为组件创建新的变体，以更好地满足您项目的需求。这可以通过扩展组件及其属性，并自定义样式来实现。
您可以创建或覆盖组件的 variants、 defaultVariants 和 compoundVariants。
注意：对于一次性自定义，请参考覆盖样式文档。
为非插槽组件创建新变体
Button 组件是一个非插槽组件，这意味着它没有任何可以自定义的插槽。
在本例中，我们将使用 Button 组件的样式源代码作为参考。点击此处查看样式源代码。
注意：如果您不熟悉变体概念，请参考 Tailwind Variants 文档。
扩展原始组件变体
要创建或覆盖变体，您需要使用 extendVariants 函数。此函数允许您基于原始组件创建新组件，并自定义其变体。
在您的应用程序中使用自定义组件
然后，您现在可以在您的应用程序中使用您的自定义组件。在这里，MyButton 的颜色设置为 olive，大小设置为 xl。
新组件将包含 Button 组件的原始 props，以及您创建的新变体。
为插槽组件创建新变体
也可以使用 extendVariants 函数为具有插槽的组件添加或覆盖变体。
