/react-snakke

🐍 Reading position indicator for React

Primary LanguageJavaScriptMIT LicenseMIT

React Snakke

Travis (.org) npm JavaScript Style Guide

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" height="3px" opacity=".8" zIndex="10" />
    )
  }
}

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
zIndex String 9999 false Set value based on css z-index property

License

MIT © Diogo Moretti