https://s3-us-west-2.amazonaws.com/secure.notion-static.com/e54301cd-ca26-4e5a-9105-7debfe9988fc/Untitled.png

The Image component is added by default to all templates. As of now, only one image can be added per template. You can delete an image by clicking the "Delete" button, and add it again by clicking on the + button.

Selectors:

  1. Name: name of you component. Will make more sense when we will open the possibility to add more than one image per template.
  2. Margin top: adds a space above the image. In px, %, vh, or vw.
  3. Height: height of the image component. In px, %, vh, or vw.

Note: To be responsive to all devices, B.Layer makes the image component fill the gaps by default. So when a template is in fullscreen mode, the height automatically changes to 100%. Visit the section Example: fullscreen modes to learn more about all the possibilities for the fullscreen templates' layout.