React Loading

Simple and Accessible loading indicators with React.

Installation

npm i @agney/react-loading
# OR
yarn add @agney/react-loading

Demo

Usage

import { useLoading, Audio } from '@agney/react-loading';

function Content() {
  const { containerProps, indicatorEl } = useLoading({
    loading: true,
    indicator: <Audio width="50" />,
  });

  return (
    <section {...containerProps}>
      {' '}
      {/* Accessibility props injected to container */}
      {indicatorEl} {/* renders only while loading */}
    </section>
  );
}