Owlet UI Framework

You should check out our living style guide, which contains many examples on how components in the UI framework look and feel, and how to use them in your products.

Installation

To install the Owlet UI Framework into an existing project, use the yarn or npm.

$ yarn add @owlet/ui
# or
$ npm install --save @owlet/ui

A working version, assuming you are using something like Create React App, might look like this:

import React from 'react'
import ReactDOM from 'react-dom'
import { Button } from '@owlet/ui'

ReactDOM.render(
  <Button>I am using 🌲 Owlet UI!</Button>,
  document.getElementById('root')
)

Running Locally

Node

We depend upon the version of node defined in .nvmrc.

You will probably want to install a node version manager. nvm is recommended.

To install and use the correct node version with nvm:

nvm install
nvm use

Documentation

You can run the documentation locally at http://localhost:8000/ by running.

npm run docs

Goals

The primary goal of this library is to provide reusable UI components.

🎉 Contributing

We will add you to the list if you make any meaningful contribution!

• ... many other open-source contributors

Please take a look at the CONTRIBUTING.md to better understand what to work on.

Wiki

License