spinner

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