csss-ui

A vue3.0 headless components library

English | 中文

Css / Headless / Simple / Cool

Documentation

csssui.art

Usage

``

npm

npm install csss-ui

yarn

yarn add csss-ui

pnpm

pnpm install csss-ui
`

$3

Install globally is a way to save worry and effort.

`typescript
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());
`

$3

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

`json
// 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.

$3

define component style by css custom properties.

It's all backed by types.

$3

Easily design your component styles.

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

$3

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