theoderic_jumbotron
v1.0.2
Published
A very responsive Jumbotron for react Apps, very easy to use, and beautiful to customize easily, Enjoy
Downloads
6
Readme
theoderic_jumbotron
Install
npm install --save theoderic_jumbotron
yarn add theoderic_jumbotron
Description
A very responsive Jumbotron with a button and a customizable link
Usage
import React, { Component } from 'react'
import ExampleComponent from 'theoderic_jumbotron'
export default class App extends Component {
render () {
return (
<div>
<ExampleComponent HeaderText= "Default Header"
BackgroundColor= "#cb4335"
SubHeaderText= "Default SubHeaderText Default SubHeaderText Default SubHeaderTextDefault SubHeaderTextDefault SubHeaderTextDefault SubHeaderText"
Height= {300}
ButtonColor= 'orange'
HeaderTextColor= 'white'
SubHeaderTextColor= 'white'
HeaderTextSize= {40}
SubHeaderTextSize= {20}
ButtonLink= "https=//github.com/onipetheoderic"
buttonTextColor= 'white'
bgColorButton= 'yellow' />
</div>
)
}
}
PropTypes
static propTypes = { HeaderText: PropTypes.string, BackgroundColor: PropTypes.string, SubHeaderText: PropTypes.string, ButtonWidth: PropTypes.string, ButtonHeight: PropTypes.string, ButtonColor: PropTypes.string, HeaderTextColor: PropTypes.string, SubHeaderTextColor: PropTypes.string, ButtonRadius: PropTypes.number, HeaderTextSize: PropTypes.number, SubHeaderTextSize: PropTypes.number, buttonTextColor: PropTypes.string, bgColorButton: PropTypes.string }
static defaultProps = { HeaderText: "Default Header", BackgroundColor: "#e5e7e9", SubHeaderText: "Default SubHeaderText", Height: 300, ButtonColor: 'orange', HeaderTextColor: 'black', SubHeaderTextColor: 'black', HeaderTextSize: 40, SubHeaderTextSize: 20, ButtonRadius: 0, ButtonLink: "https://github.com/onipetheoderic", buttonTextColor: 'white', bgColorButton: 'orange' }
License
MIT © onipetheoderic