Translations and component content

Component content is a content entity and can be translated like any other piece of content. 

Enable Component content to be translated 

1. Navigate to Configuration > Regional and language > Content language and translation
2. Select Component content under custom language settings
3. Select Hide non translatable fields on translation forms
4. Next uncheck your layout canvas field so that it's not translated. As stated in the setup we want to translate the underlining content entity and not the layout canvas field itself
5. Click Save Configuration.

How to translate Component Content

There are two ways you can translate Component Content.

1. On the entity itself

1. Navigate to Site Studio > Components > Component Content
2. Click Edit next to the Component Content to translate
3. Click the Translate tab like any other content entity.

2. Straight from a layout canvas

If you have your Component Content on a Layout Canvas of a node, you can translate this at the same time as your node content.

1. Navigate to a piece of content you want to translate
2. Click the Translate tab and add a new translation 
3. Edit your Component Content 
4. Click Save.

This will then create a translation of the Component Content on the Layout Canvas.