global-winery
global-winery for grape, a global frontend
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' { return <Button ='Sign Up' = = = /> }
Running Locally
git clone https://github.com/SammyRobensParadise/global-winery.git
cd raindrop && npm start
cd raindrop/example && npm start
What is available:
Buttons
Button
ButtonpropTypes = text: PropTypesstring hover: PropTypesbool invert: PropTypesbool small: PropTypesbool dropShadow: PropTypesbool event: PropTypesfunc
MultiButton
MultiButtonpropTypes = textLeft: PropTypesstring textRight: PropTypesstring rightEvent: PropTypesfunc leftEvent: PropTypesfunc leftFocus: PropTypesbool rightFocus: PropTypesbool dropShadow: PropTypesbool
Chevrons
Chevron
ChevronpropTypes = direction: PropTypesstring color: PropTypesstring
Directions:
UP, DOWN, LEFT, RIGHT
Text Inputs
Fixed Input
FixedInputpropTypes = type: PropTypesstring size: PropTypesstring width: PropTypesnumber height: PropTypesnumber
Single Input
SingleInputpropTypes = type: PropTypesstring size: PropTypesnumber scrollAndResize: PropTypesbool
Icons
General Icons
IconpropTypes = type: PropTypeselement hoverable: PropTypesbool circle: PropTypesbool square: PropTypesbool color: PropTypesstring event: PropTypesfunc children: PropTypescomponent
Icon Child
CodeBlockpropTypes = color: PropTypesstring
Usage
{ const children = <CodeBlock = /> return <Icon = = = /> }
Icon List
- Code Block
- Refresh Arrow
- Back Arrow
- Forward Arrow
- Export and Share
- More Dots
- Star
- Exit Icon
- Home Icon
- Add Icon
- Profile Badge Icon
- InfoIcon
- FullScreenIcon
- DownloadIcon
- ForkIcon
- DataIcon
- CodeEditorIcon
- FileIcon
- CodepenIcon
- TextboxIcon
- ConsoleIcon
- PhotovideoIcon
- DiagramIcon
More To Come... :)
Creator
License
MIT © SammyRobensParadise