1.2.3 • Published 5 years ago

react-snakke v1.2.3

Weekly downloads
49
License
MIT
Repository
github
Last release
5 years ago

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

PropTypeDefault valueRequiredDescription
colorString#000falseSet progress bar background color
heightString5pxfalseSet height of progress bar
opacityString1falseSet opacity from 0 to 1
topString0falseSet distance from top of page
zIndexString9999falseSet value based on css z-index property
shadowBooleanfalsefalseProgress bar with or without shadow

License

MIT © Diogo Moretti