作为一名对性能充满热情的 Web 开发人员,我想要一组能够充分利用 Qwik 的可恢复特性的组件。这就是为什么我创建了 腐蚀性组件,这是一个专为 Qwik 量身定制的库,使构建高性能和交互式 UI 变得轻而易举,功能齐全、易于使用且独立于任何其他包。
您可以使用npm或bun安装Crossive Components库。在项目目录中运行以下命令:
npm 安装交叉组件
bun 安装交叉组件
将 useStyles(DefaultStyle) 和 useStyles(DefaultResources) 或 useStyles(DefaultDarkResources) 添加到根布局元素以应用样式。
import { DefaultResources, // or(DefaultDarkResources) DefaultStyle, } from 'corrosive-components' export default component$(() => { useStyles$(DefaultResources) // or(useStyles$(DefaultDarkResources)) useStyles$(DefaultStyle) return ( // content ) })
查看安装指南了解更多
如果您不想安装该软件包,您可以直接复制各个组件及其样式的源代码并在您的项目中使用它们。
请注意,您仍然需要将 DefaultResources 或 DefaultDarkResources 添加到根布局元素。
造型概览
腐蚀组件中的样式由两部分组成,包含变量的资源和包含常规样式的样式。
默认样式是DefaultStyle,资源是DefaultResources和DefaultDarkResources,它们是编译内联CSS文件。
查看造型指南了解更多
本文由腐蚀性组件的开发者和维护者 Mahdi Movahedian Atar 撰写。
以上是腐蚀组件:qwik 的新组件库的详细内容。更多信息请关注PHP中文网其他相关文章!