1.0.0 • Published 5 years ago
moom-snake v1.0.0
Install
npm
npm install --save react-snakke
yarn
yarn add react-snakke
Usage
default
import React, { Component } from 'react'
import Snakke from 'react-snakke'
class Example extends Component {
render () {
return (
<Snakke />
)
}
}
with custom values
import React, { Component } from 'react'
import Snakke from 'react-snakke'
class Example extends Component {
render () {
return (
<Snakke
color="#f0f"
top="20px"
height="3px"
opacity=".8"
zIndex="10"
shadow={true}
/>
)
}
}
Options / Props
Prop | Type | Default value | Required | Description |
---|---|---|---|---|
color | String | #000 | false | Set progress bar background color |
height | String | 5px | false | Set height of progress bar |
opacity | String | 1 | false | Set opacity from 0 to 1 |
top | String | 0 | false | Set distance from top of page |
zIndex | String | 9999 | false | Set value based on css z-index property |
shadow | Boolean | false | false | Progress bar with or without shadow |
License
MIT © Diogo Moretti
1.0.0
5 years ago