global-winery
v1.0.18
Published
global-winery for grape, a global frontend
Downloads
29
Maintainers
Readme
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'
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:
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,
children: PropTypes.component
}
Icon Child
CodeBlock.propTypes = {
color: PropTypes.string
}
Usage
.
.
.
render(){
const children = <CodeBlock color={'#000000'} />
return(
<Icon
type={children}
event={() => alert('🚨 watch out!')}
circle
color={'#adadad'}
/>
)
}
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