@gilson-connected-products/gilson-ui NPM

DEPRECATED!

Gilson UI

The official UI library for Gilson Connect.

Usage

Install @gilson-connected-products/gilson-ui with npm.

npm install @gilson-connected-products/gilson-ui

Import themes, components, settings, and hooks as needed.

import React from "react";
// Imports are separated by nature for clarity in this example.
import { Heading, P, Switch, Surface } from "@gilson-connected-products/gilson-ui";
import { ConnectTheme, useConnectTheme } from "@gilson-connected-products/gilson-ui";
import { lightTheme, darkTheme } from "@gilson-connected-products/gilson-ui";

/**
 * The entry point to this application.
 */
const App = () =>
{
	const [theme, toggleTheme] = useConnectTheme(lightTheme, darkTheme);
    return (
		<ConnectTheme themeIdentity={theme}>
            <div>
                <Switch
                    value={theme.isDarkTheme}
                    onClick={toggleTheme}
                />
                <Surface>
                    <Heading.H2>
                        Let's do this!
                    </Heading.H2>
                    <P>
                        Start building your Gilson themed app today.
                    </P>
                </Surface>
            </div>	
        </ConnectTheme>
    );
}