Skip to content

Latest commit

 

History

History
68 lines (55 loc) · 1.85 KB

README.md

File metadata and controls

68 lines (55 loc) · 1.85 KB

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 :