Skip to main content
Text

An element that displays text data.

Updated over a week ago

Overview

From titles to paragraphs, captions and more, text elements are a key part of most UI. Play lets you customize your text while staying within the bounds of technical feasibility. You’re able to edit text in the Element Settings Panel.

In macOS, you can add text to your page, canvas, or selection using the T key


Element Properties

Text

Enter the text copy.

Play also provides auto-fill copy for CTA, Name, Date, Address, City, Short Headline, Long Headline, Paragraph, and Multi-Paragraph from the Context Bar settings.

Font / Style

Select the font family for the text.

Instead of selecting a font family, you can also select one of Apple's System Styles or a custom Type style from the project by clicking on the four-circle icon.

To revert to the default System Font, click the green dot next to the Font / Style property.

Weight

Set the weight from the options available for the selected font.

Size

Set the font size. (not available for Custom or System Styles)

Design

Set the font's design to default, monospaced, rounded, serif, compressed, condensed, or expanded (only available for System Font and System Styles):

  • Compressed: A rounded version of the default style.

  • Monospaced: A monospaced, code-like version of the default style.

  • Serif: A version of the default style with serifs.

  • Compressed: A significantly more narrow version of the default style.

  • Condensed: A slightly more narrow version of the default style.

  • Expanded: A slightly wider version of the default style.

Fill

Select the color of the text.

Spacing

Set the letter spacing and line height, as a point value or a percent.

Align

Set the horizontal (left, center, right, or justified) and vertical (top, center, bottom) alignment.

Editable Text

Is Editable

Choose if the text can be edited when tapped by the user. Any copy the user enters will be saved as the text element for the Play session.

Natively, UIKit does not support multi-line text fields, but you can use an editable text element as a multi-line text field.

Is Selectable

Choose if the text can be selected when a user double-taps it. The native edit menu will appear, allowing users to drag the selector and use the native options that appear, like Copy, Look Up, Translate, and more. All that functionality is built in and completely native.

Keyboard

Set the keyboard’s type to default, email, number pad, or phone pad.

Return Key

Set the return key's CTA to Go, Google, Join, Next, Route, Search, Send, Done, or Continue.

Dismiss Keyboard on Return Key

Choose if the keyboard should close when the user hits the return key.

Auto-Correction

Choose if the text field will use auto-correction.

Text Content Type

Set the text field's expected input type so the system has information. Set the type to None, URL, City, State, City And State, Country, Credit Card Number, Date, Time or Duration, Email Address, Flight Number, Shipment Tracking Number, Full Street Address, Name, Name Prefix, Name Suffix, Given Name, Family Name, Job Title, Postal Code, Sublocality, Username, Password, New Password, or One Time Code

Dismiss Button

Choose if the dismiss button is visible on your text field.

Customize

Transform

Set if the text should be all uppercase, lowercase, title case, or as typed.

Decoration

Choose to underline or strike through the text.

Text Linking

Add a URL link from a text element by highlighting the text and pasting the URL.


Expression Editor Properties

Is Editable

Text.isEditable

Whether the text is editable.

Is Selectable

Text.isSelectable

Whether the text is selectable.

Keyboard Type

Text.keyboardType

Keyboard type set on the trigger.

Letter Spacing

Text.letterSpacing

Current letter spacing of the text element.

Line Height

Text.lineHeight

Current line height of the text element.

Size

Text.size

Current text size of the text element.

Text

Text.text

Current string value of the text element.

Line Height

Text.textContentType

Current content type of the text element.

Text elements also have access to general object properties.


Resources

Related Triggers & Actions

Did this answer your question?