Skip to content
🐍 Reading position indicator for React
Branch: master
Clone or download
Latest commit 028f92c Mar 19, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
example
src Changed let to const in the setProress method Mar 15, 2019
.babelrc
.editorconfig init create-react-library@2.6.7 Mar 6, 2019
.eslintrc
.gitignore
.travis.yml
index.d.ts
license.md Add license Mar 7, 2019
logo.png
package.json
readme.md
rollup.config.js
yarn.lock add TS types Mar 9, 2019

readme.md

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"
        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
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

You can’t perform that action at this time.