快速开始

通过 script 引入

通过包管理器使用

安装

npm i swc-ui
#OR
yarn add swc-ui
#OR
pnpm add swc-ui

vue 中使用

// vue2
import Vue from "vue";
import { defineCustomElements } from "swc-ui";
defineCustomElements()
Vue.config.ignoredElements = [
  // 用一个 `RegExp` 忽略所有“ion-”开头的元素
  // 仅在 2.5+ 支持
  /^swc-/,
];

// vue3
import { createApp } from "vue";
import { defineCustomElements } from "swc-ui";
defineCustomElements()
createApp().config.compilerOptions.isCustomElement = (tag) =>
  tag.startsWith("swc-");

react 中使用

import { defineCustomElements } from "swc-ui";
defineCustomElements()
//如需单独使用
import {defineCustomElement} from "swc-ui/dist/components/swc-button.js";
ReactDOM.render(<swc-button>button</swc-button>, document.body);