Spinner
Indicador de carga circular animado con soporte de severity, color libre, tamaño y grosor de trazo.
TypeScript
import { NeuSpinnerComponent } from '@neural-ui/core/spinner';Severidades
Tamaños
Grosor de trazo
Velocidad de animación
Color personalizado
Con etiqueta visible
TypeScript
import { NeuSpinnerComponent } from '@neural-ui/core/spinner';
@Component({
imports: [NeuSpinnerComponent],
template: `
<!-- Severity / Severity -->
<neu-spinner severity="primary" />
<neu-spinner severity="success" />
<neu-spinner severity="warning" />
<neu-spinner severity="danger" />
<neu-spinner severity="info" />
<!-- Tamaño y grosor personalizados / Custom size and thickness -->
<neu-spinner size="64px" strokeWidth="6" />
<!-- Color libre / Free color -->
<neu-spinner color="#ff6b35" />
<!-- Etiqueta visible / Visible label -->
<neu-spinner label="Loading data..." />
`
})
export class MyComponent {}