Tailwind 布局的集合

时间:2024-06-28 10:47:26
【文件属性】:

文件名称:Tailwind 布局的集合

文件大小:95KB

文件格式:ZIP

更新时间:2024-06-28 10:47:26

UI Layout

tailwind-layouts Tailwind Layouts Playground 的集合 该网站包括一个客户端 Playground,允许实时渲染和调整组件。 编辑器 tailwind-layouts 使用 Microsoft 的 Monaco Editor(更具体地说,@monaco-editor/react)来查看和编辑组件的代码。 Live Code tailwind-layouts 使用 ESBuild 实时转换和渲染组件。 支持 JSX 和 TypeScript,但为了浏览器兼容,编译后的代码被转换为 ES2017。 编译后的代码格式也是 ESM。 由于 Tailwind 仅在构建时生成类,因此 tailwind-layouts 改为使用 twind 在运行时生成类,并添加对 JIT 的支持。 CDN 导入 由于编译后的代码格式是 ESM,所以 tailwind-layouts 允许 CDN 导入。 您可以查看 Skypack。 实时 TypeScript 定义从 Skypack 或 UNPKG 导入包时,tailwind-layouts 将尝试实时加载导入包的 Ty


【文件预览】:
tailwind-layouts-main
----index.html(1KB)
----.eslintrc(384B)
----postcss.config.js(81B)
----yarn.lock(130KB)
----tailwind.config.js(229B)
----src()
--------pages()
--------utils()
--------Home.tsx(2KB)
--------vite-env.d.ts(38B)
--------DemoPageShell.tsx(4KB)
--------components()
--------PageShell.tsx(1KB)
--------main.tsx(415B)
--------App.tsx(1KB)
----vercel.json(71B)
----vite.config.ts(195B)
----tsconfig.json(467B)
----LICENSE(1KB)
----README.md(2KB)
----.gitignore(1KB)
----tsconfig.eslint.json(535B)
----package.json(1KB)

网友评论