❤
npm
Sign UpSign In

@cfx-dev/ui-components
TypeScript icon, indicating that this package has built-in type declarations

4.3.3 • Public • Published

UI Component Library

Include design system, utils and reusable components.

Instalation

yarn add @cfx-dev/ui-components

or

npm install @cfx-dev/ui-components

Usage

Create file in your project ui.scss:

@forward "~@cfx-dev/ui-components/dist/styles-scss/_ui.scss";

In your root js file import style files:

// includes all css variables required for components
// can be replaced by css option from @cfx-dev/ui-components/dist/assets/general/global.css
import '@cfx-dev/ui-components/dist/styles-scss/global.scss';
// set of default themes or you can create your own the same way as in this file
// can be replaced by css option from @cfx-dev/ui-components/dist/assets/general/themes.css
import '@cfx-dev/ui-components/dist/styles-scss/themes.scss';
// you can import each component separatly or all in one file
import '@cfx-dev/ui-components/dist/assets/all_css.css';

Add theme class name to body or root element

<body className="cfxui-theme-cfx">

For some components you will need to define this variables in your root stiles:

html {
  --width: 100vw;
  --height: 100vh;
  --quant: calc(1rem * 0.25); /* main measurement unit */
}

If you are going with scss option you can use set of utils form _ui file. In your bundler config add this sass option to use ui utils in styles:

additionalData: `@use "@/styles/ui" as ui;`,

License

This project is licensed under the MIT License.

Versions

Current Tags

VersionDownloads (Last 7 Days)Tag
4.3.338latest

Version History

VersionDownloads (Last 7 Days)Published
4.3.338
4.3.26
4.3.15
4.3.05
4.2.243
4.2.230
4.2.220
4.2.210
1.0.218
1.0.11
4.2.200
4.2.190
4.2.180
4.2.170
4.2.160
4.2.150
4.2.140
4.2.130
4.2.120
4.2.110
4.2.100
4.2.90
4.2.80
4.2.70
4.2.60
4.2.50
4.2.40
4.2.30
4.2.10
4.2.00
4.1.10
4.0.20
4.0.10
4.0.00
3.0.50
3.0.40
3.0.30
3.0.20
3.0.10
3.0.00
2.1.240
2.1.230
2.1.220
2.1.210
2.1.200
2.1.190
2.1.180
2.1.170
2.1.160
2.1.150
2.1.140
2.1.130
2.1.121
2.1.111
2.1.100
2.1.90
2.1.80
2.1.70
2.1.60
2.1.50
2.1.40
2.1.30
2.1.20
2.1.10
2.1.00
2.0.100
2.0.90
2.0.80
2.0.70
2.0.60
2.0.50
2.0.40
2.0.30
2.0.20
2.0.10
2.0.00
1.0.00
0.0.260
0.0.250
0.0.240
0.0.230
0.0.220
0.0.213
0.0.200
0.0.190
0.0.180
0.0.171
0.0.160
0.0.150
0.0.140
0.0.130
0.0.120
0.0.110
0.0.100
0.0.90
0.0.80
0.0.70
0.0.60
0.0.50

Package Sidebar

Install

npm i @cfx-dev/ui-components

Weekly Downloads

78

Version

4.3.3

License

MIT

Unpacked Size

10.4 MB

Total Files

689

Last publish

Collaborators

  • krypton2121
  • nihonium-x
  • oleg_makushev_x
  • rhodium_cfx
Try on RunKit
Report malware