Spinner

Spinner animado estilo terminal con frames braille cíclicos.

Spinner

Demo

⠋⠙⠹⠸⠼⠴⠦⠧⠇⠏⠋⠙⠹⠸⠼⠴⠦⠧⠇⠏⠋⠙⠹⠸⠼⠴⠦⠧⠇⠏⠋⠙⠹⠸⠼⠴⠦⠧⠇⠏

<Spinner />
<Spinner color="success" />
<Spinner size="lg" />
<Spinner speed="slow" />

Props

color

Color semántico del spinner.

⠋⠙⠹⠸⠼⠴⠦⠧⠇⠏⠋⠙⠹⠸⠼⠴⠦⠧⠇⠏⠋⠙⠹⠸⠼⠴⠦⠧⠇⠏⠋⠙⠹⠸⠼⠴⠦⠧⠇⠏

<Spinner color="primary" />
<Spinner color="success" />
<Spinner color="danger" />
<Spinner color="warning" />

size

Tamaño del spinner.

⠋⠙⠹⠸⠼⠴⠦⠧⠇⠏⠋⠙⠹⠸⠼⠴⠦⠧⠇⠏⠋⠙⠹⠸⠼⠴⠦⠧⠇⠏

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

speed

Velocidad de la animación.

⠋⠙⠹⠸⠼⠴⠦⠧⠇⠏⠋⠙⠹⠸⠼⠴⠦⠧⠇⠏⠋⠙⠹⠸⠼⠴⠦⠧⠇⠏

<Spinner speed="slow" />
<Spinner speed="normal" />
<Spinner speed="fast" />

API

Prop	Tipo	Default	Descripción
color	'primary' | 'secondary' | 'tertiary' | 'success' | 'warning' | 'danger' | 'light' | 'medium' | 'dark'	'primary'	Color semántico
size	'sm' \| 'md' \| 'lg'	'md'	Tamaño del spinner
speed	'slow' \| 'normal' \| 'fast'	'normal'	Velocidad de la animación

Tokens usados

--color-{name}, --font-mono