@onlive.ai/ui v1.8.14

OnliveUI

Framework agnostic library designed to be adopted in Onlive interfaces.

• Works with all frameworks 🧩
• Works with CDNs 🚛
• Fully customizable with CSS 🎨
• Includes an official dark theme 🌛
• Built with accessibility in mind ♿️

Documentation: ui.onlive.site

Source: gitlab.com/onlive.site/onlive-ui

What are you using to build OnliveUI?

Components are built with LitElement, a custom elements base class that provides an intuitive API and reactive data binding. The build is a custom script with bundling powered by esbuild.

Developing

Once you've cloned the repo, run the following command.

pnpm dev

This will spin up the dev server. After the initial build, a browser will open automatically. There is currently no hot module reloading (HMR), as browser's don't provide a way to reregister custom elements, but most changes to the source will reload the browser automatically.

Building

To generate a production build, run the following command.

pnpm build

Creating New Components

To scaffold a new component, run the following command, replacing ol-tag-name with the desired tag name.

pnpm run create ol-tag-name

This will generate a source file, a stylesheet, and a docs page for you. When you start the dev server, you'll find the new component in the "Components" section of the sidebar.