Text

The role of a text component depends on the type of content it contains. For example, a PullQuote should have a role of pullquote, and for text in the article body, the role should be body. See Component.

The text to display in the article, including any formatting tags depending on the format property.

You can also use a subset of HTML tags or Markdown syntax by setting format to html or markdown, respectively. See Using HTML with Apple News Format. Alternatively, you can style ranges of text individually using the InlineTextStyle object.

An array of all the additions that you apply to ranges of the component’s text.

If you set format to html or markdown, Apple News Format doesnʼt support Additions or InlineTextStyles.

An object that defines vertical alignment with another component.

An object that defines an animation you apply to the component.

Use the none value for conditional design elements. Adding it here has no effect.

An object that defines behavior for a component, like Parallax or Springy.

Use the none value for conditional design elements. Adding it here has no effect.

An instance or array of text components that you can apply conditionally, and the conditions that cause Apple News Format to apply them.

The formatting or markup method applied to the text.

If you set format to html or markdown, Apple News Format doesn’t support Additions or InlineTextStyles.

A Boolean value that determines whether the component is hidden.

An optional unique identifier for this component. If you use identifier, it must be unique across the entire document. You need an identifier for your component if you want to anchor other components to it.

An array of InlineTextStyle objects that you can use to apply different text styles to ranges of text. For each InlineTextStyle, you should supply a rangeStart, a rangeLength, and either a TextStyle object or the identifier of a TextStyle that you define at the top level of the document.

Apple News Format ignores inline text styles when format is set to markdown or html.

Use the none value for conditional design elements. Adding it here has no effect.

An inline ComponentLayout object that contains layout information, or a string reference to a ComponentLayout object that you define at the top level of the document.

If you don’t define layout, size and position are based on various factors, such as the device type, the length of the content, and the role of this component.

An inline ComponentStyle object that defines the appearance of this component, or a string reference to a ComponentStyle object that you define at the top level of the document.

Use the none value for conditional design elements. Adding it here has no effect.

An inline ComponentTextStyle object that contains styling information, or a string reference to a ComponentTextStyle object that you define at the top level of the document.