Documentation

csssui.art

Usage

# npm
npm install csss-ui

# yarn
yarn add csss-ui

# pnpm
pnpm install csss-ui

Install Globally

Install globally is a way to save worry and effort.

import { createApp } from "vue";
import App from "./App.vue";
import { createCsssUI } from "csss-ui";
// import css
import "csss-ui/dist/style.css";

createApp(App).use(createCsssUI());

Volar Support

Type is must.Developers need to configurate compilerOptions.type in tsconfig.json to provide global type support.

// tsconfig.json
{
  "compilerOptions": {
    // ...
    "types": ["csss-ui/global"]
  }
}

Features

The only features that can be summarized at present are the following, which should be added gradually afterwards.

Css Custom Properties

define component style by css custom properties.

It's all backed by types.

Headless

Easily design your component styles.

In this regard, csss-ui hopes to be more refined.

Expose Interface

With the help of the expose capability of vue3.0, each component provides multiple interfaces for style / logic / state modification.

It's all backed by types.

Acknowledgement

in alphabet order

• element-plus
• headlessui
• naive-ui
• vue-components-lib-seed

License

MIT License © 2022 Hansuhhi Don