特性

皮肤可定制

提供组件变量体系，可以快速定义一套新皮肤

使用 TypeScript

opendesign 全量使用 TypeScript 编写，和你的 TypeScript 项目无缝衔接。

安装

npm

使用 npm/pnpm 安装。

# npm
npm i @opensig/opendesign

#pnpm 
pnpm add @opensig/opendesign

使用

引入皮肤文件

import '@opensig/opendesign-token/themes/e.token.scss'

引入样式文件

import '@opensig/opendesign/es/index.scss'

使用组件

<script setup lang="ts">
import { OButton } from '../../locale';

</script>
<template>
    <OButton variant="outline">Outline Button</OButton>
</template>

许可

opendesign 使用 MIT license 许可证书。