Layout Helper Examples

• Stretch
• Stack
• HStack
• VStack

Stretch

Makes an element as tall as possible while remaining within the slide bounds.

					  
Stretch Example
					  
					  
Image byline
					

Stretch Example

Image byline

Stack

Stacks multiple elements on top of each other, for use with fragments.

					  

					    <img class="fragment" width="450" height="300" src="...">
					    <img class="fragment" width="300" height="450" src="...">
					    <img class="fragment" width="400" height="400" src="...">
					  
					

Stack Example

Stack Example

One at a time.

HStack

Stacks multiple elements horizontally.

					  

					    <img width="450" height="300" src="...">
					    <img width="300" height="450" src="...">
					    <img width="400" height="400" src="...">
					  
					

HStack Example