• EnglishEspañol日本語한국어Português
  • Inicia sesiónComenzar ahora


The SideBySide component lets you split the screen in half, or more sections. A common use case is to show a screenshot in the right column, and accompanying text on the left.

You need to wrap the content for each side inside a Side component, but you can add as much content as you need inside each Side.

Technically the component supports more than two Side columns, but you should avoid using more than two.

Here's an example of the component:

This is some awesome content from the amazing documentation team.

Create a SideBySide component

Here's a template of a SideBySide component:

<img alt="example" src={exampleImg} />
<Side>This is some awesome content from the amazing documentation team.</Side>


The Keyboard Maestro macro for the SideBySide is kkside.

Copyright © 2024 New Relic Inc.

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.