Component

Spinner

Animated circular loading indicator with severity support, custom color, size and stroke width.

import { NeuSpinnerComponent } from '@neural-ui/core/spinner';

Severities

Sizes

Stroke width

Animation speed

Custom color

With visible label

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 {}