0.3.56 • Published 2 years ago

@whitespots/ui-kit v0.3.56

Weekly downloads
-
License
-
Repository
-
Last release
2 years ago

ui-kit

UI-Kit is a design system project for Whitespots projects. It provides a consistent look and feel by defining a set of reusable Vue components and icons.

Usage

Installation

npm i @whitespots/ui-kit

Tailwind configuration

  1. Add the following lines to the content section in your Tailwind configuration file:
    content: [
  './node_modules/@whitespots/ui-kit/dist/components/**/*.vue.js}',
  './node_modules/@whitespots/ui-kit/dist/components/**/*.js}',
]
  2. Add the library's Tailwind preset to your configuration file:
    presets: [
  require('@whitespots/ui-kit/tailwind-base/index.cjs'),
]

Import components

Here's an example of how to import the WButton component:

import WButton from '@whitespots/ui-kit/dist/components/Button/WButton.vue'

Import icons

The icons in the library are functional Vue components generated from SVG files during build.

Here's an example of how to import an icon named IconCheck:

import IconCheck from '@whitespots/ui-kit/dist/assets/icons/default/IconCheck'

Development

Local testing

  1. Build library:
    npm i
npm run build
  2. Create a .tgz file and copy absolute path to it:
    npm pack
  3. Install library from created .tgz
    npm i --save <absolute_path_to_file>

Updating the bundle

To automatically add imports for new components or icons added to the library, run the command

npm run write-imports

This will update the files in the /imports directory and add new exports to the package.json file.

@everything-registry/sub-chunk-1014
0.3.56

2 years ago

0.3.55

2 years ago

0.3.54

2 years ago

0.3.53

2 years ago

0.3.52

2 years ago

0.3.51

2 years ago

0.3.50

2 years ago

0.3.49

2 years ago

0.3.48

2 years ago

0.3.47

2 years ago

0.3.46

2 years ago

0.3.0

2 years ago

0.3.6

2 years ago

0.3.5

2 years ago

0.3.8

2 years ago

0.3.7

2 years ago

0.3.2

2 years ago

0.3.1

2 years ago

0.3.4

2 years ago

0.3.3

2 years ago

0.3.42

2 years ago

0.3.41

2 years ago

0.3.40

2 years ago

0.3.45

2 years ago

0.3.44

2 years ago

0.3.43

2 years ago

0.3.31

2 years ago

0.3.30

2 years ago

0.3.39

2 years ago

0.3.38

2 years ago

0.3.37

2 years ago

0.3.36

2 years ago

0.3.35

2 years ago

0.3.34

2 years ago

0.3.33

2 years ago

0.3.32

2 years ago

0.3.29

2 years ago

0.3.20

2 years ago

0.3.28

2 years ago

0.3.27

2 years ago

0.3.26

2 years ago

0.3.25

2 years ago

0.3.24

2 years ago

0.3.23

2 years ago

0.3.22

2 years ago

0.3.21

2 years ago

0.3.19

2 years ago

0.3.18

2 years ago

0.3.9

2 years ago

0.3.17

2 years ago

0.3.16

2 years ago

0.3.15

2 years ago

0.3.14

2 years ago

0.3.13

2 years ago

0.3.12

2 years ago

0.3.11

2 years ago

0.3.10

2 years ago

0.2.30

2 years ago

0.2.31

2 years ago

0.2.29

2 years ago

0.2.28

2 years ago

0.2.27

2 years ago

0.2.26

2 years ago

0.2.25

2 years ago

0.2.24

2 years ago

0.2.23

2 years ago

0.2.22

2 years ago

0.2.21

2 years ago

0.2.20

2 years ago

0.2.19

2 years ago

0.2.18

2 years ago

0.2.17

2 years ago

0.2.16

2 years ago

0.2.15

2 years ago

0.2.14

2 years ago

0.2.13

2 years ago

0.2.12

2 years ago

0.2.11

2 years ago

0.2.10

2 years ago

0.0.24

2 years ago

0.0.25

2 years ago

0.0.30

2 years ago

0.0.31

2 years ago

0.0.32

2 years ago

0.0.33

2 years ago

0.1.0

2 years ago

0.2.1

2 years ago

0.1.2

2 years ago

0.2.0

2 years ago

0.1.1

2 years ago

0.2.7

2 years ago

0.1.8

2 years ago

0.0.26

2 years ago

0.2.6

2 years ago

0.1.7

2 years ago

0.0.27

2 years ago

0.2.9

2 years ago

0.0.28

2 years ago

0.2.8

2 years ago

0.0.29

2 years ago

0.2.3

2 years ago

0.1.4

2 years ago

0.2.2

2 years ago

0.1.3

2 years ago

0.2.5

2 years ago

0.1.6

2 years ago

0.2.4

2 years ago

0.1.5

2 years ago

0.0.21

2 years ago

0.0.22

2 years ago

0.0.23

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.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