react-lite-misc

Misc Components of jianliao.com

Usage no npm install needed!

<script type="module">
  import reactLiteMisc from 'https://cdn.skypack.dev/react-lite-misc';
</script>

README

React Lite Misc Components

Misc components from Talk by Teambition.

Demo: http://ui.talk.ai/react-lite-misc/

Components

  • ColorChooser simple color chooser
  • Copyarea hover input and copy text
  • LoadingIndicator animate three spots as loading
  • SwitchTabs click tabs to switch
  • Switcher iOS style of switching
  • Wheeling debounce wheel events, detect loading more
  • SearchBox
  • LoadingMore
  • ImageLoading show loading while image is loading

Writing docs for so many components is tough... Read main.jsx for details.

Usage

npm i --save react-lite-misc

Read src/main.jsx for details:

Develop

npm i

You need a static file server for the HTML files. Personally I suggest using Nginx.

Develop:

gulp html # regenerate index.html
webpack-dev-server --hot # enable live-reloading

Build (Pack and optimize js, reivision js and add entry in index.html):

gulp build

License

MIT