onhue-emovisual-panel

The onhue-emovisual-panel is a React component library designed to fetch colors and CSS classes created using the onHue app. It allows developers to integrate dynamically generated color schemes and styles associated with specific locales and projects into their React applications.

Installation

To install the library, use the following command:

npm i onhue-emovisual-panel

Usage

The library exports a component called AccessibleWindow, which is the primary component for fetching and applying styles based on locale and project information.

AccessibleWindow Component

Props

• customLocale: A string representing the browser locale (e.g., en-IN, en-US). This is used to fetch CSS colors associated with the specified locale.
• apiKey: A string representing the API key for your project. This key is associated with a specific project created on the onHue app and is used to fetch the CSS colors and classes related to that project.

Example

import { AccessibleWindow } from "onhue-emovisual-panel";

const MyComponent = () => {
  return <AccessibleWindow customLocale="en-US" apiKey="your-api-key-here" />;
};

export default MyComponent;

In the above example, the AccessibleWindow component fetches the styles associated with the locale en-US and the provided API key.

Props Overview

| Prop | Type | Description | | -------------- | ------ | ------------------------------------------------------------------ | | customLocale | String | The locale for fetching the appropriate CSS colors (en-IN, etc.) | | apiKey | String | The API key for your project in the onHue app |

onHue App

The onHue app allows you to create custom color schemes and CSS classes based on various locales and projects. The onhue-emovisual-panel library fetches these styles dynamically based on the provided customLocale and apiKey values.

License

This library is licensed under the ISC License.