Text

To add the Text component to your app:

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

Other inline components can be imported and used within Text:

1
2
import { Em, Strong, Strike } from '@forge/react';

Description

A typography component used to display body text.

It can also include inline components such as Badge and Lozenge.

Props

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

Examples

Text can contain inline components such as Strike, Em and Strong.

Example image of rendered text component

1
2
import { Text, Strike, Em, Strong} from "@forge/react";

export const TextExample = () => {
  return (
    <Text>
      Here is <Strike>some</Strike><Em>example</Em><Strong>text</Strong>
    </Text>
  );
};