@onekuma/ui NPM

@onekuma/ui

Installation

pnpm i @onekuma/ui @onekuma/vite unocss @vueuse/core -D

import { defineConfig } from 'vite'

import vue from '@vitejs/plugin-vue'
import Components from 'unplugin-vue-components/vite'

import { OneKumaResolver, Unocss } from '@onekuma/vite'

export default defineConfig({
  plugins: [
    vue(),
    Components({
      dts: './src/components.d.ts',
      deep: true,
      directoryAsNamespace: true,
      resolvers: [OneKumaResolver()]
    }),
    Unocss()
  ]
})

Components

Button

:root {
  --c-button-height: 2.5em;
  --c-button-padding-left: 1em;
  --c-button-padding-right: 1em;
}

Input

:root {
  --c-input-label-font-size: 1em;
  --c-input-label-font-weight: 700;

  --c-input-help-font-size: 0.8em;
  --c-input-help-font-weight: 300;
}