0.0.33 • Published 8 months ago

qwik-hueeye v0.0.33

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

Qwik Hue Eye

A UI library for qwik with a strong focus on color management with native CSS variables.

⚠️ This is an experimental library with a TON of improvements to come.

See demo: https://qwik-playground.vercel.app/

npm i qwik-hueeye

Hue Eye comes with some global style with CSS variables. An easy way to import it is to use the QwikCityProvider in the root.tsx component. root.tsx

import { HueEyeProvider } from 'qwik-hueeye';

export default () => {
  return (
    ...
    <body>
      <HueEyeProvider> { /* <-- Add provider here */}
        <RouterOutlet />
        <ServiceWorkerRegister />
      </HueEyeProvider>
    </body>
  );
};

CSS variables

The goal of this lib is to be customizable with css variables.

Hue (required)

First set the hue you can to use for your application

html {
  --hue: 250; /* Blue color */
}

The whole theme will adapt based o nthis css variable.

demo: https://qwik-playground.vercel.app/

Components

...More component later

Documentation takes time... You can take a look at the list of component here :

0.0.24

10 months ago

0.0.25

10 months ago

0.0.30

9 months ago

0.0.31

9 months ago

0.0.32

9 months ago

0.0.33

8 months ago

0.0.26

10 months ago

0.0.27

10 months ago

0.0.28

9 months ago

0.0.29

9 months ago

0.0.22

10 months ago

0.0.23

10 months ago

0.0.20

10 months ago

0.0.21

10 months ago

0.0.16

11 months ago

0.0.17

11 months ago

0.0.18

11 months ago

0.0.19

11 months ago

0.0.13

2 years ago

0.0.14

2 years ago

0.0.15

2 years ago

0.0.10

2 years ago

0.0.11

2 years ago

0.0.12

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

0.0.4

2 years ago

0.0.3

2 years ago

0.0.2

2 years ago

0.0.1

2 years ago