Loading indicators and spinners with ASCII animations for showing progress and activity.
npm install react-ascii-ui
import { AsciiLoader } from 'react-ascii-ui';
export default function App() {
const [loading, setLoading] = useState(true);
return (
<div>
{loading && (
<AsciiLoader
variant="dots"
text="Loading data..."
/>
)}
</div>
);
}| Prop | Type | Default | Description |
|---|---|---|---|
| variant | "dots" | "progress" | dots | Spinner animation type |
| text | string | Loading | Loading text to display |
| progress | number | 50 | Progress value (0-100) for progress variant |
Loading...
Animated dots that pulse in sequence
[â–“â–“â–“â–“â–“â–‘â–‘â–‘â–‘â–‘] (50%)
ASCII progress bar with percentage