Basic components

During the layout making process we use some default components that help us build the page or our custom component.

You can see the list of basic components when you hit the arrow button as you can see in the image below.

When you hit that arrow button then you can see a list with all the basic components you can use. Those components are, container, row container, column container, image, text, input field, text area, drop down list and button.

• Container : We use the container in order to add inside all the information we want to include

• Row container : Its like container but with default settings, display : flex and direction : row

• Column container : Its like container but with default settings, display : flex and direction : column

• Image : You use it when you want to include an image/icon in your page

• Text : You use it when you want to include text in your page

• Input field : You use it when you want the user to write some text ( its only for one line )

• Text area : Its also an input field but the user can write more than one line

• Drop down list : Its an input drop down

• Button

Basic Components List

You can put them into your project by clicking on them