0.0.15 • Published 7 months ago
qwik-hueeye v0.0.15
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-hueeyeHue 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 :