Spinner and loader
A ring that spins and three dots that wait their turn.
Features
- A spinning ring and three waiting dots.
Use it for
- Short waits.
Installation
- Get runets.
git clone https://github.com/ziyam-khan/runets - Copy these files into your project, keeping their folders.
- Install what they use.
pnpm add react - Load the styles once. Bring your own base tokens, or use runets’ default theme.
import 'runets/styles/theme.css' import 'runets/styles/kit.css'
Usage
import { Spinner, Loader } from 'runets'
<Spinner /> <Loader /> <Button variant="loading">Saving</Button>Accessibility
- role status with a Loading label; slower under reduced motion.
Source
The code is in src/kit/controls.tsx in runets, MIT licensed.