Component

Inline Editor

Inline editor for dense admin surfaces, tables and detail rows. It keeps display mode compact and uses NeuralUI form primitives while editing.

import { NeuInlineEditorComponent } from '@neural-ui/core/inline-editor';

Title

Budget

Role

Notes

import { FormControl, ReactiveFormsModule } from '@angular/forms';
import { NeuInlineEditorComponent } from '@neural-ui/core/inline-editor';

@Component({
  imports: [ReactiveFormsModule, NeuInlineEditorComponent],
  template: `
    <neu-inline-editor
      [formControl]="title"
      emptyLabel="Untitled"
      editLabel="Edit title"
      saveLabel="Save title"
      cancelLabel="Cancel title edit"
    />
  `,
})
export class ExampleComponent {
  title = new FormControl('Q3 operating plan', { nonNullable: true });
}