This version of the Speechly documentation is no longer actively maintained. For up-to-date documentation, see the latest version.

UI Components

Speechly UI components provide the visual interface to support voice functionality.

Introduction to Speechly UI Components
Introduction to Speechly UI Components

Push-to-Talk Button

Push-to-Talk Button is a holdable switch for controlling listening for speech.

Big Transcript

Big Transcript is an overlay-style component that displays real-time speech-to-text transcript and feedback to the user.

Transcript Drawer

Transcript Drawer is an alternative for Big Transcript that slides down from the top of the viewport. It displays usage tips along with the real-time speech-to-text transcript and feedback.

Intro Popup

Intro Popup displays a customizable introduction text that briefly explains voice features microphone permissions are needed for. It also displays recovery instructions for common voice-related problems.

Figma and Sketch design files


Last updated by Ari Nykänen on July 29, 2022 at 17:41 +0300

Found an error on our documentation? Please file an issue or make a pull request