Text

This page describes a Forge preview feature. Preview features are deemed stable; however, they remain under active development and may be subject to shorter deprecation windows. Preview features are suitable for early adopters in production environments.

We release preview features so partners and developers can study, test, and integrate them prior to General Availability (GA). For more information, see Forge release phases: EAP, Preview, and GA.

Text

To add the Text component to your app:

1
2
import { Text } from '@forge/react';

Description

A piece of plain text with basic text formatting options.

It can also include inline components such as Badge, DateLozenge, and StatusLozenge.

Props

Name	Type	Required	Description
`children`	`string \| ForgeInlineComponent`	Yes	The text and inline components to display.
code	`<Code text="code" />`	`code`
em	`<Em>em</Em>`	em
link	`<Link href="https://www.atlassian.com" />` `<Link href="https://www.atlassian.com">Atlassian</Link>` See the Link documentation for more details.	www.atlassian.com Atlassian
strike	`<Strike>strike</Strike>`	~~strike~~
strong	`<Strong>strong</Strong>`	strong

Example

1
2
import { Text, Code, Strike, Em, Strong} from '@forge/react';
<Text>
  Here <Code text=is/> <Strike>some</Strike><Em>example</Em><Strong>text.</Strong>
</Text>

Output

Example image of rendered text component