@davinci保健/设计系统

"@davincihealthcare/elty-design-system-foundations"是一个为Tailwind CSS提供一套默认配置的库,这是一个高度自定义的,基于公用功能的CSS框架. 这个预设是为DaVinci Elty设计的.

安装

要安装库, 请运行以下命令 :

yarn add @davincihealthcare/elty-design-system-foundations

如何使用

使用图书馆有两种方法

"预设"的方式

您需要在您的 TailwindCSS 配置中添加此预设 :

import type { Config } from 'tailwindcss'
import { preset } from '@davincihealthcare/elty-design-system-foundations'

export default {
  presets: [preset],
  content: ['./**/*.{js,ts,jsx,tsx}'],
} satisfies Config

"插头"的方式

或者你可以用它来当.. 插件 ✨

import { TailwindPlugin } from '@davincihealthcare/elty-design-system-foundations'

/** @type {import('tailwindcss').Config} */
export default {
  content: ['./src/**/*'],
  plugins: [TailwindPlugin],
}