@lightningjs/solid-ui

Solid UI

This library contains shared Lightning/Solid components

Quick Start

If you haven't already, follow the steps found here to bootstrap your lightningjs/solid app.

• install this package and the base theme with your package manager of choice

npm i @lightningjs/solid-ui @lightningjs/l3-ui-theme-base # or pnpm/yarn

• add the theme package as an alias in your vite config

// vite.config.js
  resolve: {
    alias: {
      theme: '@lightningjs/l3-ui-theme-base',
    }
  },

• add the stateMapperHook to your lightningjs/solid Config

// index.jsx
import { mapToneToStateHook } from '@lightningjs/solid-ui';
Config.stateMapperHook = mapToneToStateHook;

• and finally, use a component

// App.jsx
import { Button } from '@lightningjs/solid-ui';
<App>
  <Button>a button!</Button>
</App>;