docs: https://cb-repo-docs.vercel.app

Installation

npm i @ptpchips/carbon-ui

Getting Started

Global Usage

// main.js

import CarbonUI from '@ptpchips/carbon-ui' // Import all components
import '@ptpchips/carbon-ui/dist/style.css' // Import styles

import App from './App.vue'

createApp(App).use(CarbonUI).mount('#app') // Use globally

<template>
  <CbButton>Hello</CbButton>
</template>

On-Demand Import

<template>
  <CbButton>Hello</CbButton>
</template>
<script setup>
import { CbButton } from ' @ptpchips/carbon-ui'
</script>

安装

npm i @ptpchips/carbon-ui

开始使用

全局使用

// main.js

import CarbonUI from '@ptpchips/carbon-ui' // 引入所有组件
import '@ptpchips/carbon-ui/dist/style.css' // 引入样式

import App from './App.vue'

createApp(App).use(CarbonUI).mount('#app') // 全局使用

<template>
  <CbButton>Hello</CbButton>
</template>

按需导入

<template>
  <CbButton>Hello</CbButton>
</template>
<script setup>
import { CbButton } from ' @ptpchips/carbon-ui'
</script>