Spinner

import { Spinner } from '@peppermint-design/devreadykit-custom';

export default function SpinnerBasic() {
  return <Spinner />;
}

import { Spinner } from '@peppermint-design/devreadykit-custom';

<Spinner size="sm" />
<Spinner size="md" />
<Spinner size="lg" />

import { Spinner } from '@peppermint-design/devreadykit-custom';

<Spinner label="Loading..." />
<Spinner label="Processing" labelPlacement="bottom" />

import { Spinner } from '@peppermint-design/devreadykit-custom';

<Spinner progress={50} label="50%" />
<Spinner progress={75} label="75%" size="lg" />