global-winery

global-winery

global-winery for grape, a global frontend

sammyrp.com/global-winery

Warning

This Library is currently incomplete and is in the process of being built

Install

npm install --save global-winery

Usage

import React, { Component } from 'react'

import Button from 'global-winery'

class Example extends Component {
  render() {
    return (
      <Button
        text='Sign Up'
        small={true}
        event={() => alert('Button Clicked!')}
        hover={true}
      />
    )
  }
}

Running Locally

git clone https://github.com/SammyRobensParadise/global-winery.git

cd raindrop && npm start

cd raindrop/example && npm start

What is available:

1. Buttons
2. Chevrons
3. TextInputs
4. Icons
   

Buttons

Button

Button.propTypes = {
  text: PropTypes.string,
  hover: PropTypes.bool,
  invert: PropTypes.bool,
  small: PropTypes.bool,
  dropShadow: PropTypes.bool,
  event: PropTypes.func
}

MultiButton

MultiButton.propTypes = {
  textLeft: PropTypes.string,
  textRight: PropTypes.string,
  rightEvent: PropTypes.func,
  leftEvent: PropTypes.func,
  leftFocus: PropTypes.bool,
  rightFocus: PropTypes.bool,
  dropShadow: PropTypes.bool
}

Chevrons

Chevron

Chevron.propTypes = {
  direction: PropTypes.string,
  color: PropTypes.string
}

Directions:
UP, DOWN, LEFT, RIGHT

Text Inputs

Fixed Input

FixedInput.propTypes = {
  type: PropTypes.string,
  size: PropTypes.string,
  width: PropTypes.number,
  height: PropTypes.number
}

Single Input

SingleInput.propTypes = {
  type: PropTypes.string,
  size: PropTypes.number,
  scrollAndResize: PropTypes.bool
}

Icons

General Icons

Icon.propTypes = {
  type: PropTypes.element,
  hoverable: PropTypes.bool,
  circle: PropTypes.bool,
  square: PropTypes.bool,
  color: PropTypes.string,
  event: PropTypes.func
}

Code Block

CodeBlock.propTypes = {
  color: PropTypes.string
}

Refresh Arrow

RefreshArrow.propTypes = {
  color: PropTypes.string
}

Back Arrow

  BackArrow.propTypes = {
    color: PropTypes.string

Forward Arrow

ForwardArrow.propTypes = {
  color: PropTypes.string
}

Export and Share

exportUp.propTypes = {
  color: PropTypes.string
}

More Dots

MoreDots.propTypes = {
  color: PropTypes.string
}

Star

Star.propTypes = {
  color: PropTypes.string
}

Exit Icon

ExitIcon.propTypes = {
  color: PropTypes.string
}

Home Icon

HomeIcon.propTypes = {
  color: PropTypes.string
}

Add Icon

AddIcon.propTypes = {
  color: PropTypes.string
}

More To Come... :)

Creator

Webiste
Portfolio

License

MIT © SammyRobensParadise