Gone are the days of spaghetti code 🍝. Building apps for the Smart Builder SDK primarily consist of creating components.

Component-based software makes it easier to build smaller sections of the app at a time by layering each section one top of the other. This form of programming makes it easier to modify sections (aka components) of the application.

<aside> 💡 If you feel comfortable working with templates from the start, here are some example templates created with different native components.

Otherwise, see Creating a Template to help you get started.

</aside>

Video (video)

This component contains the src string property only.

Hover over the code block to copy to your clipboard

{
  ...
  slots: {
    myVideoComponent: {
      placeholder: {
        contentTypeId: 'video',
        data: {
          src: '<https://www.youtube.com/watch?v=JIKfUdu_nIY>'
        }
      }
    }
  }
}

Text (text)

This component contains two properties: value and styles.

The value property is an array type with the following structure: { type: string; children: [{ text: string; }] }

Here is a list of the available text types:

• paragraph