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 :

@everything-registry/sub-chunk-2518
0.0.24

9 months ago

0.0.25

9 months ago

0.0.30

8 months ago

0.0.31

8 months ago

0.0.32

8 months ago

0.0.33

8 months ago

0.0.26

9 months ago

0.0.27

9 months ago

0.0.28

8 months ago

0.0.29

8 months ago

0.0.22

9 months ago

0.0.23

9 months ago

0.0.20

10 months ago

0.0.21

10 months ago

0.0.16

10 months ago

0.0.17

10 months ago

0.0.18

10 months ago

0.0.19

10 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