moom-snake
TypeScript icon, indicating that this package has built-in type declarations

1.0.0 • Public • Published

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

Readme

Keywords

none

Package Sidebar

Install

npm i moom-snake

Weekly Downloads

2

Version

1.0.0

License

MIT

Unpacked Size

20.1 kB

Total Files

7

Last publish

Collaborators

  • victorhermes