ahtee / lightbulb

:bulb: :airplane: A reusable component library in React.

- This repo is currently not maintained! Here still for archival purposes!

💡 Lightbulb - React component library

Bulb is a component library built in React that serves as a reusable component library for modern user interfaces.

Installation 🚧

NPM

npm install --save lightbulb

Yarn 📦 🐈

yarn add lightbulb

Components

Import the specific component blocks you need:

import React from 'react';
import { Button, Card } from 'lightbulb';

function App() {
  return (
    <div className="App">
      <Card status="success" title="Success">
        <Button>Learn React</Button>
      </Card>
    </div>
  );
}
export default App;

Applying the theme

Optionally, you can apply a light, dark or toggle between themes by adding a <ThemeProvider /> component wrapper in your App entry point.

import React from 'react'
import { ThemeProvider } from 'styled-components'
import theme from './theme'

const App = props => (
  <ThemeProvider theme={theme}>{/* application elements */}</ThemeProvider>
)

export default App