skills/docuseal-code/references/embed/signing-form-angular-preview-completed-document.md

## Preview completed document

To display a completed signed document in the embedded form, use the `[preview]` attribute with the submitter's `slug`. The form will render the document with all filled fields in read-only mode.

#### [preview]

Set to `true` to display the document in read-only preview mode without the submit button.

#### [token]

A [JWT token](signing-form-angular.md) is required to authenticate the preview of completed documents.

Pass the `slug` of a completed submitter to display the signed version of the document. The slug can be obtained from the [Create a Submission](https://www.docuseal.com/docs/api#create-a-submission) API response or from the [form.completed](https://www.docuseal.com/docs/api#form-webhook) webhook payload.

#### Angular

```
import { Component, Input } from '@angular/core';
import { DocusealFormComponent } from '@docuseal/angular';

@Component({
  selector: 'app-root',
  standalone: true,
  imports: [DocusealFormComponent],
  template: `
    <docuseal-form
      [src]="'https://docuseal.com/s/' + slug"
      [preview]="true"
      [token]="token">
    </docuseal-form>
  `
})
export class AppComponent {
  @Input() slug = '';
  @Input() token = '';
}
```