mirror of
https://github.com/dzeiocom/components.git
synced 2025-06-19 05:59:19 +00:00
Compare commits
2 Commits
Author | SHA1 | Date | |
---|---|---|---|
26c2c50f23 | |||
c591c2f0a8 |
@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@dzeio/components",
|
"name": "@dzeio/components",
|
||||||
"version": "0.7.6",
|
"version": "0.8.0",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"main": "./index.js",
|
"main": "./index.js",
|
||||||
"types": "./types/index.d.ts",
|
"types": "./types/index.d.ts",
|
||||||
|
@ -6,6 +6,7 @@
|
|||||||
width 100%
|
width 100%
|
||||||
height 7px
|
height 7px
|
||||||
pointer-events none
|
pointer-events none
|
||||||
|
z-index 200
|
||||||
|
|
||||||
top 0
|
top 0
|
||||||
&.hide
|
&.hide
|
||||||
|
@ -4,9 +4,22 @@ import { buildClassName } from '../Util'
|
|||||||
import css from './Loader.module.styl'
|
import css from './Loader.module.styl'
|
||||||
|
|
||||||
interface Props {
|
interface Props {
|
||||||
|
/**
|
||||||
|
* The new Percentage (if you calculate it yourself)
|
||||||
|
*/
|
||||||
percent?: number
|
percent?: number
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Auto random loader
|
||||||
|
*/
|
||||||
auto?: {
|
auto?: {
|
||||||
|
/**
|
||||||
|
* the minimum and maximum interval between two increment
|
||||||
|
*/
|
||||||
interval: [number, number]
|
interval: [number, number]
|
||||||
|
/**
|
||||||
|
* the minimum and maximum incrementation (MUST be an integer)
|
||||||
|
*/
|
||||||
increment: [number, number]
|
increment: [number, number]
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -15,6 +28,11 @@ interface State {
|
|||||||
percent?: number
|
percent?: number
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Display a simple loading animation at the top of the page
|
||||||
|
*
|
||||||
|
* @version 1.0.0
|
||||||
|
*/
|
||||||
export default class Loader extends React.Component<Props, State> {
|
export default class Loader extends React.Component<Props, State> {
|
||||||
|
|
||||||
public state: State = {}
|
public state: State = {}
|
||||||
|
Reference in New Issue
Block a user