0.7.4 • Published 8 months ago

deez-components v0.7.4

Weekly downloads
-
License
ISC
Repository
github
Last release
8 months ago

deez-components

This UI library uses Vue 3, Tailwind CSS, Headless UI, and Iconify Icons. TypeScript types are exported for all component props.

I make a lot of breaking changes to this library. I try to increment the minor version when I do, but I would NOT use these components in a production app until this hits 1.x, if that ever happens.

Project Setup

pnpm add deez-components

Make sure all peerDependencies are installed. If you are using pnpm >=8, they should install automatically.

pnpm add vue vue-router tailwindcss

The utility classes are not bundled with the package. After installing add the following to the content list of your tailwind.config.*, otherwise the necessary CSS will not be generated.

content: [
  ...
  './node_modules/deez-components/**/*.js',
],

Your "brand" colors for primary and danger also need to be set in the tailwind.config.* The following maps them to the default tailwind blue and red colors.

Instead of using different grays for text colors. This library uses opacities of 60/40/30. So set your default black color to a dark-gray to make all text colors based off of it in light mode. Or keep the default black for maximum contrast. I prefer to keep white set to #fff.

Set your base text colors on the <html> element in your index.html file.

<html class="text-black dark:text-gray-50"></html>

<html> works better than <body> because some components use portals, which render outside of the <body> element.

const colors = require('tailwindcss/colors');
...
theme: {
  extend: {
    ...
    colors: {
      black: colors.gray['900'],
      primary: colors.blue,
      danger: colors.red,
    },
  },
},
0.7.4

8 months ago

0.7.0-beta.1

11 months ago

0.7.0-beta.2

11 months ago

0.7.0-beta.3

11 months ago

0.7.0-beta.4

10 months ago

0.7.0-beta.5

10 months ago

0.7.2

9 months ago

0.7.1

9 months ago

0.7.3

9 months ago

0.7.0

9 months ago

0.7.0-beta.0

11 months ago

0.6.6

11 months ago

0.6.5

1 year ago

0.6.4

1 year ago

0.6.3

1 year ago

0.6.2

1 year ago

0.6.1

1 year ago

0.6.0

1 year ago

0.5.2

1 year ago

0.5.1

1 year ago

0.5.0

1 year ago

0.4.1

1 year ago

0.4.0

1 year ago

0.3.30

1 year ago

0.3.29

1 year ago

0.3.28

1 year ago

0.3.27

1 year ago

0.3.26

1 year ago

0.3.25

1 year ago

0.3.24

1 year ago

0.3.23

1 year ago

0.3.22

1 year ago

0.3.21

1 year ago

0.3.20

1 year ago

0.3.19

1 year ago

0.3.18

1 year 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.9

2 years ago

0.3.11

2 years ago

0.3.10

2 years ago

0.3.8

2 years ago

0.3.7

2 years ago

0.3.6

2 years ago

0.1.10

2 years ago

0.3.0

2 years ago

0.2.1

2 years ago

0.2.0

2 years ago

0.1.8

2 years ago

0.3.5

2 years ago

0.1.7

2 years ago

0.1.9

2 years ago

0.3.2

2 years ago

0.2.3

2 years ago

0.1.4

2 years ago

0.3.1

2 years ago

0.2.2

2 years ago

0.1.3

2 years ago

0.3.4

2 years ago

0.2.5

2 years ago

0.1.6

2 years ago

0.3.3

2 years ago

0.2.4

2 years ago

0.1.5

2 years ago

0.1.2

2 years ago

0.1.1

2 years ago

0.1.0

2 years ago