@jmoussa/luxor-component-library v0.1.27

Luxor Component Library

React UI Component Library

Install

npm install --save luxor-component-library

Usage

import React, { Component } from 'react'

import { Box } from 'luxor-component-library'
import 'luxor-component-library/dist/index.css'

class Example extends Component {
  render() {
    return (
      <Box padding='medium' margin='small' roundedCorners>
        Info in the box
      </Box>
    )
  }
}

Weather Widget

A note on the weather widget in that it requires an RapidAPI API key to function. Store the API key in an environment variable called REACT_APP_RAPIDAPI_KEY either with an export statement or in a .env file in the root folder.

Demo

To run the live demo (screenshots below). Pull down the source code from github and navigate to example/ and run:

>> npm install
>> npm start

NOTE: If you do not have the package installed locally you will need to run the same calls from the root folder in a separate terminal

Development

• Fork the github repo
• Setup (RapidAPI API key needed for weather module):

>> npm install
>> export REACT_APP_RAPIDAPI_KEY='...' 

• Develop
• Send a PR

Screenshots

License

MIT © jmoussa