4.3.8 • Published 5 months ago

@cfx-dev/ui-components v4.3.8

Weekly downloads
-
License
MIT
Repository
-
Last release
5 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

12 months ago

2.1.16

12 months ago

2.1.17

12 months ago

2.1.14

12 months ago

2.1.15

12 months ago

4.0.1

9 months ago

2.1.12

12 months ago

4.0.0

9 months ago

2.1.13

12 months ago

2.1.10

12 months ago

4.0.2

9 months ago

2.1.11

12 months ago

2.1.18

12 months ago

2.1.19

12 months ago

4.2.20

8 months ago

4.2.21

7 months ago

4.2.22

7 months ago

4.2.23

7 months ago

2.1.23

12 months ago

2.1.24

11 months ago

2.1.21

12 months ago

2.1.22

12 months ago

2.1.20

12 months ago

4.2.24

7 months ago

4.3.2

6 months ago

4.3.1

6 months ago

4.2.10

8 months ago

4.3.4

5 months ago

4.2.11

8 months ago

4.3.3

6 months ago

4.2.12

8 months ago

4.3.0

6 months ago

4.2.17

8 months ago

4.2.18

8 months ago

4.2.19

8 months ago

4.2.13

8 months ago

4.2.14

8 months ago

4.2.15

8 months ago

4.2.16

8 months ago

1.0.2

8 months ago

1.0.1

8 months ago

4.3.6

5 months ago

4.3.5

5 months ago

4.3.8

5 months ago

4.3.7

5 months ago

3.0.4

10 months ago

3.0.3

10 months ago

3.0.2

11 months ago

3.0.1

11 months ago

3.0.5

10 months ago

3.0.0

11 months ago

4.2.3

9 months ago

4.2.5

9 months ago

4.2.4

9 months ago

4.2.1

9 months ago

4.2.0

9 months ago

4.2.7

9 months ago

4.2.6

9 months ago

4.2.9

8 months ago

4.2.8

9 months ago

2.1.4

1 year ago

2.1.6

12 months ago

2.1.5

1 year ago

2.1.8

12 months ago

2.1.7

12 months ago

4.1.1

9 months ago

2.1.3

1 year ago

2.1.2

1 year ago

2.1.1

1 year ago

2.0.7

1 year ago

2.0.9

1 year ago

2.0.10

1 year ago

2.0.8

1 year ago

2.1.0

1 year ago

2.0.5

1 year ago

2.0.4

1 year ago

2.0.6

1 year ago

2.0.3

1 year ago

2.0.2

1 year ago

2.0.1

1 year ago

2.0.0

1 year ago

1.0.0

1 year ago

0.0.26

1 year ago

0.0.25

1 year ago

0.0.24

1 year ago

0.0.23

1 year ago

0.0.22

1 year ago

0.0.21

1 year ago

0.0.20

1 year ago

0.0.19

1 year ago

0.0.18

1 year ago

0.0.17

1 year ago

0.0.16

1 year ago

0.0.15

1 year ago

0.0.14

1 year ago

0.0.13

1 year ago

0.0.12

1 year ago

0.0.11

1 year ago

0.0.10

1 year ago

0.0.9

1 year ago

0.0.8

1 year ago

0.0.7

1 year ago

0.0.6

1 year ago

0.0.5

1 year ago