Component

Divider

Visual separator for content sections. Supports horizontal and vertical orientation, and a centered label.

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

Simple horizontal divider

Upper section with example content.

Lower section separated visually.

With label

Or continue with

Google

GitHub

Vertical

Option A

Option B

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