0.2.1 • Published 3 years ago
orbital-list v0.2.1
orbital-list
A React library to create interfaces using circles, orbits, and planets.
Visit orbital-list.laurentsenta.com for an interactive example.
Check it out in production: whena.re is built with the library and helps you and your team to deal with timezones.
Install
With npm:
npm install --save orbital-list
With yarn:
yarn add orbital-list
Usage
The library provides a set of components.
Check the example to see the code behind the demo.
import React, { Component } from 'react'
import {
Dial,
Hand,
Label,
Orbit,
OrbitalList,
Place,
Planet,
Slice
} from 'orbital-list'
class Example extends Component {
render() {
return (
<OrbitalList>
<Dial color='#1f2041' />
<Slice
color='rgba(75, 63, 114, 1)'
length={0.5}
angleStart={180}
angleEnd={202.5}
/>
<Place
angle={180}
distance={0.8}
style={{ color: '#ed254e', fontSize: '1.2rem', fontWeight: 'bold' }}
>
<button>Hello</button>
</Place>
<Orbit color='rgba(244, 205, 205, 1)' radius={0.15} />
</OrbitalList>
)
}
}
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
0.2.1
3 years ago
0.2.0
3 years ago
1.0.1
3 years ago
1.0.0
3 years ago
0.1.9-rc.8
4 years ago
0.1.9-rc.7
4 years ago
0.1.9-rc.6
4 years ago
0.1.9-rc.1
4 years ago
0.1.9-rc.4
4 years ago
0.1.9-rc.5
4 years ago
0.1.9-rc.2
4 years ago
0.1.9-rc.3
4 years ago
0.1.8
4 years ago
0.1.8-rc.8
4 years ago
0.1.8-rc.4
4 years ago
0.1.8-rc.3
4 years ago
0.1.8-rc.2
4 years ago
0.1.8-rc.1
4 years ago
0.1.8-rc.7
4 years ago
0.1.8-rc.5
4 years ago
0.1.7
4 years ago
0.1.6
4 years ago
0.1.5
4 years ago
0.1.4
4 years ago
0.1.3
4 years ago
0.1.2
4 years ago
0.1.1
4 years ago
0.1.0
4 years ago