Componente

Divider

Separador visual para secciones de contenido. Soporta orientación horizontal y vertical, y etiqueta central.

import { NeuDividerComponent } from '@neural-ui/core/divider';

Divisor horizontal simple

Sección superior con contenido de ejemplo.

Sección inferior separada visualmente.

Con etiqueta

Inicia sesión con tu cuenta

O continúa con

Google

GitHub

Vertical

Opción A

Opción B

Opción C

import { NeuDividerComponent } from '@neural-ui/core/divider';

@Component({
  imports: [NeuDividerComponent],
  template: `
    <!-- Separador simple / Simple separator -->
    <neu-divider />

    <!-- Con etiqueta centrada / With centered label -->
    <neu-divider label="O continúa con" />

    <!-- Vertical (necesita un contenedor con altura) / Vertical (requires a container with height) -->
    <div style="display: flex; height: 40px; align-items: center; gap: 16px;">
      <span>Opción A</span>
      <neu-divider orientation="vertical" />
      <span>Opción B</span>
    </div>
  `
})
export class MyComponent {}