diogomoretti / React Snakke
Licence: mit
đ Reading position indicator for React
Stars: â 306
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to React Snakke
react-sweet-progress
A way to quickly add a progress bar to react app đ
Stars: â 250 (-18.3%)
Mutual labels: react-component, progress-bar
React Sweet Progress
A way to quickly add a progress bar to react app đ
Stars: â 239 (-21.9%)
Mutual labels: react-component, progress-bar
svelte-progressbar
A multiseries, SVG progressbar component made with Svelte
Stars: â 85 (-72.22%)
Mutual labels: progress-bar
Rsup Progress
â¤ī¸ A simple progress bar with promises support
Stars: â 290 (-5.23%)
Mutual labels: progress-bar
Seapig
đđˇ Utility for generalized composition of React components
Stars: â 269 (-12.09%)
Mutual labels: react-component
React Telephone Input
React component for entering and validating international telephone numbers
Stars: â 254 (-16.99%)
Mutual labels: react-component
React Yandex Maps
Yandex Maps API bindings for React
Stars: â 277 (-9.48%)
Mutual labels: react-component
date-range-picker
âī¸đ Flexible React date range picker calendar with no dependencies.
Stars: â 94 (-69.28%)
Mutual labels: react-component
Pigeon Maps
ReactJS Maps without external dependencies
Stars: â 3,198 (+945.1%)
Mutual labels: react-component
Progress.swift
âī¸ Add beautiful progress bars to your loops.
Stars: â 265 (-13.4%)
Mutual labels: progress-bar
Progress bar
Command-line progress bars and spinners for Elixir.
Stars: â 281 (-8.17%)
Mutual labels: progress-bar
Timeago React
đ Simple and efficient react component to format date with `*** time ago` statement. eg: '3 hours ago'.
Stars: â 264 (-13.73%)
Mutual labels: react-component
React Batch
Batch component for performant frequent updates (flush on count or interval)
Stars: â 258 (-15.69%)
Mutual labels: react-component
React Hotkeys
React component to listen to keydown and keyup keyboard events, defining and dispatching keyboard shortcuts.
Stars: â 279 (-8.82%)
Mutual labels: react-component
react-ago-component
A component for React that renders the approximate time ago in words from a specific past date using an HTML5 time element.
Stars: â 25 (-91.83%)
Mutual labels: react-component
React Horizontal Scrolling Menu
Horizontal scrolling menu component for React.
Stars: â 289 (-5.56%)
Mutual labels: react-component
Flawwwless Ui
Flawwwless ui library for React.js.
Stars: â 265 (-13.4%)
Mutual labels: react-component
Animatehorizontalprogressbar
A tiny customView makes very easier ProgressBar anitmation horizontal.
Stars: â 270 (-11.76%)
Mutual labels: progress-bar
Echarts For React
âŗī¸ Apache ECharts components for React wrapper. ä¸ä¸ĒįŽåį Apache echarts į React å°čŖ
ã
Stars: â 3,441 (+1024.51%)
Mutual labels: react-component
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
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].