0.1.23 • Published 8 months ago
@coffic/shared-ui v0.1.23
Coffic Shared UI
这是一个 Astro 组件库,为同一个组织下的多个项目提供统一的 UI 风格。
安装
npm install @coffic/shared-ui必要依赖
本组件库依赖以下包,请确保您的项目中已正确安装和配置:
1. Astro
确保您的项目是一个 Astro 项目。如果不是,可以按照以下步骤创建:
npm create astro@latest2. TailwindCSS
如果您的项目还没有配置 TailwindCSS,请按照以下步骤安装:
npm install -D tailwindcss @astrojs/tailwind然后在您的 astro.config.mjs 中添加:
import tailwind from '@astrojs/tailwind';
export default defineConfig({
integrations: [tailwind()],
});3. DaisyUI
安装 DaisyUI:
npm install -D daisyui在您的 tailwind.config.js 中添加 DaisyUI:
export default {
plugins: [require('daisyui')],
};4. CSS
@source '../node_modules/@coffic/shared-ui';内置组件
- Footer
- 更多组件可通过 IDE 的智能提示看到
注意事项
本组件库使用 TailwindCSS 和 DaisyUI 的样式类,这意味着:
- 组件的样式会受到您项目中 Tailwind 配置的影响
- 如果您修改了 Tailwind 的默认主题或 DaisyUI 的主题,可能会影响组件的外观
建议在您的项目中保持默认的 Tailwind 和 DaisyUI 配置,以确保组件显示正常
贡献
欢迎提交 Issue 和 Pull Request!
许可证
MIT