react-snakke

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