There are many provided morphs that are subclasses of the class Morph and it’s easy to create custom morphs.
The primary way of organizing morphs is to create instances of LayoutMorph and add submorphs to them. Instances of LayoutMorph can be nested to achieve pretty much any layout. It is used massively, in a Cuis-Smalltalk image with several browsers open, there are tenth of layout.
Execute the code bellow with Ctrl-p to get the result printed in your image
LayoutMorph allInstances size ⇒ 79.
Open a Workspace and execute the following expressions
box := ColoredBoxMorph new. box color: Color pink. box morphExtent: 200 @ 100. box openInWorld
Example 1.1: My first morph
to render a pink rectangle.
Open the halo of work-handles for this morph by holding down a key and clicking it. The key to hold down depends on your platform. It is the Command key in macOS and the Control key or shift+Control key in other platforms. With a three button mouse, you can middle-click to get the halo. Click the red button in the upper-left of the halo to remove the morph.