Skip to main content

Overview

Use the imperative API when you integrate with vanilla JavaScript, Vue, Angular, or other non-React stacks, or when you need multiple dynamic editors or a custom overlay system. This guide follows JavaScript Integration, Switching Between Fields, and related notes in Suki Dictation SDK.md.

Prerequisites

Create the client

JavaScript

Call show()

JavaScript
The iframe automatically resizes to match the container element (rootElement). See Configuration reference for every ShowOptions field.

Switching between fields

Calling show() again replaces the active session. You do not need to call hide() manually between fields:
JavaScript
This is equivalent to calling hide on the previous context and then show for the next; manual cleanup is not required.

Single client per scope

Use one DictationClient instance per page scope so you do not get multiple overlays. See Error handling.

Next steps

Last modified on June 30, 2026