# Content

### Summary

The Content component is used to add content via a WYSIWYG editor.

This section shows you how to add a Content component. Below is some sample content that uses the Content component.

<figure><img src="https://3596844540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F79QhtrrFEncRGId6RF6A%2Fuploads%2Fgit-blob-476b5916cda0c16598463dda9e479f369d4bdad1%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure>

## Step 1 - Add the Content Component <a href="#contentcomponent-step1-addthecontentcomponent" id="contentcomponent-step1-addthecontentcomponent"></a>

Under the “Content” tab, click on “Add Content” .

### Step 2 - Fill in the various fields <a href="#contentcomponent-step2-fillinthevariousfields" id="contentcomponent-step2-fillinthevariousfields"></a>

1. WYSIWYG editor - Enter your custom text here.
2. Theme - Select your theme preference, light or dark.
3. Vertical spacing - There are 3 options: Top, Bottom, Both. Your choice adds padding to the respective area. For example, if you select “Both”, the padding is added to the top *and* bottom of the custom text.
4. Background - This will apply a themed background colour depending on your choice of the theme color in point #2 above.