4.3.8 • Published 10 months ago

@cfx-dev/ui-components v4.3.8

Weekly downloads
-
License
MIT
Repository
-
Last release
10 months ago

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.

@radix-ui/react-checkbox@radix-ui/react-dropdown-menu@radix-ui/react-select@radix-ui/react-slider@radix-ui/react-switchautolinkerflag-iconsreactreact-domreact-dropzonereact-focus-lockreact-iconsreact-window
2.1.9

1 year ago

2.1.16

1 year ago

2.1.17

1 year ago

2.1.14

1 year ago

2.1.15

1 year ago

4.0.1

1 year ago

2.1.12

1 year ago

4.0.0

1 year ago

2.1.13

1 year ago

2.1.10

1 year ago

4.0.2

1 year ago

2.1.11

1 year ago

2.1.18

1 year ago

2.1.19

1 year ago

4.2.20

1 year ago

4.2.21

12 months ago

4.2.22

12 months ago

4.2.23

12 months ago

2.1.23

1 year ago

2.1.24

1 year ago

2.1.21

1 year ago

2.1.22

1 year ago

2.1.20

1 year ago

4.2.24

12 months ago

4.3.2

11 months ago

4.3.1

11 months ago

4.2.10

1 year ago

4.3.4

10 months ago

4.2.11

1 year ago

4.3.3

11 months ago

4.2.12

1 year ago

4.3.0

11 months ago

4.2.17

1 year ago

4.2.18

1 year ago

4.2.19

1 year ago

4.2.13

1 year ago

4.2.14

1 year ago

4.2.15

1 year ago

4.2.16

1 year ago

1.0.2

1 year ago

1.0.1

1 year ago

4.3.6

10 months ago

4.3.5

10 months ago

4.3.8

10 months ago

4.3.7

10 months ago

3.0.4

1 year ago

3.0.3

1 year ago

3.0.2

1 year ago

3.0.1

1 year ago

3.0.5

1 year ago

3.0.0

1 year ago

4.2.3

1 year ago

4.2.5

1 year ago

4.2.4

1 year ago

4.2.1

1 year ago

4.2.0

1 year ago

4.2.7

1 year ago

4.2.6

1 year ago

4.2.9

1 year ago

4.2.8

1 year ago

2.1.4

1 year ago

2.1.6

1 year ago

2.1.5

1 year ago

2.1.8

1 year ago

2.1.7

1 year ago

4.1.1

1 year ago

2.1.3

1 year ago

2.1.2

1 year ago

2.1.1

1 year ago

2.0.7

2 years ago

2.0.9

2 years ago

2.0.10

2 years ago

2.0.8

2 years ago

2.1.0

1 year ago

2.0.5

2 years ago

2.0.4

2 years ago

2.0.6

2 years ago

2.0.3

2 years ago

2.0.2

2 years ago

2.0.1

2 years ago

2.0.0

2 years ago

1.0.0

2 years ago

0.0.26

2 years ago

0.0.25

2 years ago

0.0.24

2 years ago

0.0.23

2 years ago

0.0.22

2 years ago

0.0.21

2 years ago

0.0.20

2 years ago

0.0.19

2 years ago

0.0.18

2 years ago

0.0.17

2 years ago

0.0.16

2 years ago

0.0.15

2 years ago

0.0.14

2 years ago

0.0.13

2 years ago

0.0.12

2 years ago

0.0.11

2 years ago

0.0.10

2 years ago

0.0.9

2 years ago

0.0.8

2 years ago

0.0.7

2 years ago

0.0.6

2 years ago

0.0.5

2 years ago