react-snakke
react-snakke copied to clipboard
Published
20 hours ago •
diogomoretti
diogomoretti
🐍 Reading position indicator for React
Install
npm
npm install --save react-snakke
yarn
yarn add react-snakke
Usage
default
import React from 'react'
import Snakke from 'react-snakke'
export default function Example () {
return (
<Snakke />
)
}
with custom values
import React from 'react'
import Snakke from 'react-snakke'
export default function Example () {
return (
<Snakke
color='#f0f'
top='20px'
height='3px'
opacity='.8'
zIndex='10'
shadow
/>
)
}
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
diogomoretti