This library contains shared Lightning/Solid components
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>;