Componente

Split Button

Botón principal con menú desplegable de acciones secundarias. ARIA completo, navegación por teclado, spinner de carga y 5 variantes visuales.

import { NeuSplitButtonComponent } from '@neural-ui/core/split-button';
import type { NeuSplitButtonAction } from '@neural-ui/core/split-button';

Estados

Variantes

Tamaños

import { NeuSplitButtonComponent, NeuSplitButtonAction } from '@neural-ui/core/split-button';

@Component({
  imports: [NeuSplitButtonComponent],
  template: `
    <neu-split-button
      label="Save"
      [actions]="actions"
      (primaryClick)="save($event)"
      (actionClick)="onAction($event)"
    />
  `
})
export class MyComponent {
  actions: NeuSplitButtonAction[] = [
    { id: 'draft', label: 'Save draft' },
    { id: 'copy',  label: 'Save copy' },
    { id: 'export', label: 'Export', divider: true },
    { id: 'delete', label: 'Delete', disabled: true },
  ];

  save(e: MouseEvent) { /* primary action */ }
  onAction(a: NeuSplitButtonAction) { console.log(a.id); }
}`