Tailus UI React 是一个高度可定制、可访问的现代反应组件集，它建立在以下基础之上 Radix UI 和 尾风 Css.
为什么选择 Tailus UI React
在定制方面，Tailus UI React 是 React UI 工具包中非常灵活的选择。下面我们就来深入了解一下它的定制优势：
1.部件变体
Tailus UI React 提供的不仅仅是预制组件。它提供了使用变体自定义每个组件中各个部分的能力。
例如 通知 组件。您可以修改 <Annonce.Root /> 部分，改变其变体、意图和大小。 <Annonce.Concern />甚至可以添加一个 <Annonce.Message /> 有自己独特的变体。每个部件都可以独立定制，让您可以灵活地创建高度定制的用户界面。
2.主题定制
通过 Tailus UI React，您可以使用数据属性来定制整体主题。这种方法简化了调整调色板颜色、边框半径值、背景和边框色调以及阴影等各种属性的过程。
例如，假设您将整个应用程序主题的边框半径设置为 xl.使用 Tailus UI React，您可以灵活地覆盖这一设置，并将边框半径调整为 2xl 只需使用数据属性，就能为某个特定组件提供数据。
对于需要根据父组件的边框半径计算边框半径的组件来说，这种方法优于使用 "className "属性。通过数据属性，您可以直接、独立地调整每个组件的主题，从而提供更直观、更灵活的自定义流程。
3.Css 变量
虽然主题是基于数据属性的，但您也可以使用 CSS 变量来定制主题。
利用组件部件变体、数据属性、深思熟虑的设计选择和 CSS 变量，您可以在不影响开发速度的情况下实现高水平的设计控制。
Tailus UI React 与 Shadcn 有何不同？
Tailus UI React 和 Shadcn 都利用了 Radix UI 和 Tailwind CSS，但 Tailus UI React 在定制化方面更进一步：
- 内置调色板颜色 :Tailus UI React 具有内置调色板，可利用熟悉的 Tailwind CSS 默认值，从而更轻松地快速开始构建用户界面。
- 支持多主题 :Tailus UI React 可让您轻松创建多主题应用程序。
- 部件变体 :Tailus UI React 组件通过部件变体提供细粒度定制。
- 数据属性 :Tailus UI React 使您能够使用数据属性轻松定制主题。这种方法简化了对整个应用程序和单个组件的各种属性的调整。
Shadcn 通过 Radix 和 Tailwind 提供了坚实的基础，而 Tailus UI React 则通过其卓越的定制功能，让您能够实现真正独特和量身定制的用户界面。
