也许您已经听说过(甚至使用过!)KendoReact。它出现在我日常的一些对话中,尤其是那些关于设计系统和React的对话。您可以将其视为一个像Bootstrap或Material Design一样的组件库,但KendoReact中的组件更加强大。这些是交互式的、状态驱动的组件,可以立即开始构建完整的UI(更不用说,如果您想使用Bootstrap作为主题,您绝对可以)。
每当您考虑使用UI库时,都需要考虑其样式功能。您是否能够真正地用它们表达您的品牌?它们是否旨在被设置样式?样式体验会是什么样的?
幸运的是,KendoReact确实将样式设计为整个UI库的一等公民。
KendoReact是用于构建网站的UI组件集合。它非常庞大。据我统计,超过80个,这还不包括像<Grid />
这样的重量级组件的子组件。
这里有一个,<DropDownList />
,并且只使用默认主题(即使这是可选的)
如果我想设置它的样式,我不需要任何特殊的专有技能,我只需使用CSS即可。这里是我用不同的颜色和字体强加一个全新的外观,只用了一些简单的CSS。
但是,也许您想做一些比随意覆盖CSS更系统化的事情。我不怪你。好消息:KendoReact主题由Sass提供支持。因此,您只需更改几个Sass变量即可控制许多颜色和样式。

他们有一个完整的主题构建器,您可以在他们的网站上使用它,它会准确地输出您需要的内容。假设您想从他们的基本主题开始,然后继续,选择默认主题

然后,您可以根据自己的喜好调整UI中的所有颜色。这里我用了一些CSS-Tricks的颜色来调整主题。

我可以从网站上下载它,它会将变量作为SCSS文件提供给我,我可以在构建过程中将其应用于默认主题之前(有一个关于如何执行此操作的优秀教程在Telerik博客上)。此外,如果我想以这种方式使用它,它会提供整个主题的CSS文件,这既简单又快捷。这里我使用了他们的对话聊天窗口以及该主题。
同样,我可以从Bootstrap开始,可以从Material开始,可以从他们的默认主题开始,也可以从头开始。样式完全由我决定。每个主题都有其优点,并且正如您可能预期的那样,在配置颜色、字体和其他设计元素方面非常灵活。
如果您真的深入研究,当然您会查阅他们的文档并在那里找到您的方向(很高兴知道他们有非常全面的文档)。不过,这一切都非常简单,您会做得很好!如果您需要快速构建状态驱动的交互式界面,而又不牺牲任何可定制性或功能,您会发现KendoReact是您的朋友。