lightning-js / ui-components

Lightning UI Components for Solid & Blits

Solid UI

This library contains a suite of themeable UI components written for the SolidJS Lightning Framework. check them out in our storybook docs.

Getting Started

If you haven't already, follow the steps found here to bootstrap your SolidJS Lightning app. Then:

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

pnpm add @lightningtv/solid-ui @lightningtv/l3-ui-theme-base # or pnpm/yarn

2. add the theme package as an alias in your vite config(see the theming docs for more information on this)

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

3. and finally, use a component

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

Reporting a Bug

Development

If you don't have pnpm

npm install -g pnpm

Run the solid storybook dev environment:

pnpm i
pnpm dev

Run the solid sandbox environment:

pnpm sandbox