https://github.com/laurentsenta/orbital-list

A React library to create interfaces using circles, orbits, and planets.
https://github.com/laurentsenta/orbital-list

circles clockwork javascript-library react typescript-library ui-components

Last synced: about 1 year ago
JSON representation

A React library to create interfaces using circles, orbits, and planets.

• Host: GitHub
• URL: https://github.com/laurentsenta/orbital-list
• Owner: laurentsenta
• License: mit
• Created: 2020-04-23T17:31:39.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T17:25:55.000Z (over 3 years ago)
• Last Synced: 2025-04-12T12:12:43.310Z (about 1 year ago)
• Topics: circles, clockwork, javascript-library, react, typescript-library, ui-components
• Language: TypeScript
• Homepage: https://orbital-list.laurentsenta.com/
• Size: 4.51 MB
• Stars: 7
• Watchers: 1
• Forks: 0
• Open Issues: 28
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
![logo](https://github.com/laurentsenta/orbital-list/raw/master/social.png?raw=true 'orbital-list logo')

# orbital-list

A React library to create interfaces using circles, orbits, and planets.

[![NPM](https://img.shields.io/npm/v/orbital-list.svg)](https://www.npmjs.com/package/orbital-list)

![capture orbital-list](https://github.com/laurentsenta/orbital-list/raw/master/capture.png?raw=true 'orbital-list Example')

Visit [orbital-list.laurentsenta.com](https://orbital-list.laurentsenta.com/) for an interactive example.

Check it out in production: **[whena.re](https://whena.re/)** is built with the library and helps you and your team to deal with timezones.

## Install

With npm:

```bash

npm install --save orbital-list

```

With yarn:

```bash

yarn add orbital-list

```

## Usage

The library provides a set of components.

Check the example to see the code behind the [demo](https://orbital-list.laurentsenta.com/).

```tsx

import React, { Component } from 'react'

import {

  Dial,

  Hand,

  Label,

  Orbit,

  OrbitalList,

  Place,

  Planet,

  Slice

} from 'orbital-list'

class Example extends Component {

  render() {

    return (

      

        

        

        

          Hello

        

        

      

    )

  }

}

```

## Develop

```

yarn start # start working on the library

```

Go in the `examples/` folder, there is a react app there,

```

yarn start # start the example server

```

## License

MIT © [laurentsenta](https://github.com/laurentsenta)