Skip to content

Commit

Permalink
chore: Update Readme and package location (#54)
Browse files Browse the repository at this point in the history
  • Loading branch information
chiefcll authored Sep 25, 2024
1 parent 79ad10b commit 08b9490
Show file tree
Hide file tree
Showing 3 changed files with 70 additions and 1 deletion.
2 changes: 1 addition & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ This library contains a suite of [themeable](THEMING.md) UI components written f

## Getting Started

If you haven't already, follow the steps found [here](https://github.com/lightning-js/solid) to bootstrap your SolidJS Lightning app. Then:
If you haven't already, follow the steps found [here](https://github.com/lightning-tv/solid) to bootstrap your SolidJS Lightning app. Then:

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

Expand Down
65 changes: 65 additions & 0 deletions packages/solid/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,65 @@
# Solid UI

This library contains a suite of [themeable](THEMING.md) UI components written for the [SolidJS Lightning](https://github.com/lightning-tv/solid) Framework. check them out in our [storybook docs](https://rdkcentral.github.io/solid-ui/).

[![npm version](https://img.shields.io/npm/v/@lightningtv%2Fsolid-ui.svg?style=flat)](https://www.npmjs.com/package/@lightningtv/solid-ui)

## Getting Started

If you haven't already, follow the steps found [here](https://github.com/lightning-tv/solid) to bootstrap your SolidJS Lightning app. Then:

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

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

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

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

3. and finally, use a component

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

## Reporting a Bug

If you come across a bug in this library, please open an [issue](https://github.com/rdkcentral/solid-ui/issues) with a detailed description of what you've encountered

## Development

If you don't have pnpm

```sh
npm install -g pnpm
```

Run the solid storybook dev environment:

```sh
pnpm i
pnpm dev
```

Run the solid sandbox environment:

```sh
pnpm sandbox
```

## Theming

Theming in the context of solid-ui is a system for providing a set of values to control the look and feel of the components. Head over to our [theming documentation](THEMING.md) for more information
4 changes: 4 additions & 0 deletions packages/solid/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -48,6 +48,10 @@
"publishConfig": {
"access": "public"
},
"repository": {
"type": "git",
"url": "git+https://github.com/rdkcentral/solid-ui.git"
},
"dependencies": {
"@lightningjs/renderer": "^2.1.2",
"@solid-primitives/refs": "^1.0.8"
Expand Down

0 comments on commit 08b9490

Please sign in to comment.