yarn add @twilio-paste/paragraph

import { Paragraph } from '@twilio-paste/paragraph';

const MyComponent = () => (
  <Paragraph>
    Deliver critical time-sensitive messages to employees and customers at scale
    with the Programmable Messaging API.
  </Paragraph>
);

<>
  <Paragraph>
    Deliver critical time-sensitive messages to employees and customers at scale
    with the Programmable Messaging API.
  </Paragraph>
  <Paragraph>
    Proactively inform customers about account activity, purchase confirmations,
    and shipping notifications with the Programmable Messaging API.
  </Paragraph>
  <Paragraph marginBottom="space0">
    Build customer relationships with secure, cross-channel conversations that
    can include multiple parties, all on one platform with the Conversations API.
  </Paragraph>
</>

<Paragraph marginBottom="space0">
  This paragraph has no bottom margin.
</Paragraph>

<Paragraph>
  <strong>Bold text.</strong> Deliver critical time-sensitive messages to
  employees and customers at scale with the Programmable Messaging API.
</Paragraph>

<CustomizationProvider
  theme={currentTheme}
  elements={{
    PARAGRAPH: {
      backgroundColor: 'colorBackgroundPrimaryWeakest',
      color: 'colorTextError',
      padding: 'space40',
    },
  }}
>
  <Paragraph>
    Customized paragraph. Deliver critical time-sensitive messages to employees
    and customers at scale with the Programmable Messaging API.
  </Paragraph>
</CustomizationProvider>

<CustomizationProvider
  theme={currentTheme}
  elements={{
    NEW_PARAGRAPH: {
      backgroundColor: 'colorBackgroundTrial',
      color: 'colorTextLink',
      padding: 'space60',
    },
  }}
>
  <Paragraph element="NEW_PARAGRAPH">
    Customized element paragraph.
  </Paragraph>
</CustomizationProvider>