在项目中安装 Sira

了解如何在项目中安装 Sira UI。

您可以使用 npm、yarn、pnpm 或 CDN 安装 Sira。

Tailwindcss 插件

要安装 SiraUI 插件，需要TailwindCSS (opens in a new tab)安装在您的项目中。

npm install @sira-ui/tailwind

NPM 包

将插件添加到 tailwind.config.js 文件中

module.exports = {
  // ... the rest of your config
  plugins: [require('@sira-ui/tailwind')],
};

CDN

如果您喜欢使用 CDN，可以将以下链接添加到 HTML 文件中，但请考虑到这样无法删除未使用的样式。

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@sira-ui/tailwind/dist/css/styles.css" />
<script src="https://cdn.tailwindcss.com"></script>

现在，您已为项目设置好使用 Sira UI 组件了。

演示

代码

HTML

代码

JSX/TSX

<button class="btn solid warn">Hello World!</button>

<button className='btn solid warn'>
  Hello World!
</button>

使用方法