@gdo-bzh/spinner

A spinner component is used to indicate the loading state of a component.

Usage no npm install needed!

<script type="module">
  import gdoBzhSpinner from 'https://cdn.skypack.dev/@gdo-bzh/spinner';
</script>

README

version

spinner

NPM JavaScript Style Guide

A spinner component is used to indicate the loading state of a component.

the core package contains the following components:

  • FourDots
  • CircleDots

Install

yarn add @gdo-bzh/spinner react

Usage

import React from 'react'
import * as Spinner from '@gdo-bzh/spinner'

const Example = () => (
  <Spinner.CircleDots size="70px" scaleDirection={Spinner.ScaleDirection.both} />
)

Types

type Props = React.SVGAttributes<SVGElement> & {
  size?: Props['width']
} & Pick<DotProps, 'fillColor' | 'radius'>

type DotProps = {
  fillColor?: string
  radius?: number
  animateBegin: string
}

License

MIT © gdo-bzh