Spinner

Something is on its way. On an accent fill it switches to the on-accent ink, or it vanishes into the button.

Preview

Sending

Motion

One turn every 0.8s. With reduced motion asked for, it holds still.

Usage

import { Spinner } from "@/components/mafold";

<Spinner />
<Spinner size={16} color="var(--mf-on-accent)" />