@netless/react-loading-bar
TypeScript icon, indicating that this package has built-in type declarations

1.0.1 • Public • Published

@netless/react-loading-bar

a loading bar

NPM JavaScript Style Guide

1. 说明

本项目技术选型为:React Typescript 打包工具为: rollup

2. 安装

npm install --save @netless/react-loading-bar

或者

yarn add @netless/react-loading-bar

3. 接口说明

参数 说明 类型 默认值
loadingPercent 载入百分比 (1 -100) number
style? 进度条样式 React.CSSProperties

4. 使用概览

import * as React from "react";
import TopLoadingBar from "@netless/react-loading-bar";

export default class TopLoadingBarBoxExample extends React.Component<{}, {}> 
  render () {
    return (
      <TopLoadingBar
        loadingPercent={percent}/>
    )
  }
}

5. 启动项目

  1. 获取源码

    git clone git@github.com:netless-io/netless-react-loading-bar.git
  2. 进入项目并安装库文件依赖

    cd netless-react-loading-bar
    yarn
  3. 启动库文件项目

        yarn start
  4. 进入项目并安装 example 文件依赖

        cd example
        yarn
  5. 启动 example 项目

        yarn start

6. 项目截图

loading-bar-898

License

MIT © wushuang

/@netless/react-loading-bar/

    Package Sidebar

    Install

    npm i @netless/react-loading-bar

    Weekly Downloads

    10

    Version

    1.0.1

    License

    MIT

    Unpacked Size

    885 kB

    Total Files

    9

    Last publish

    Collaborators

    • vince-hz
    • alic_zhang
    • straybugs
    • moskize
    • netless-rick
    • yleaf
    • herewhite
    • cheerchen
    • l1shen
    • hyrious
    • huaguzheng