+
+
+
🎬
+
+Regarded as [scenes](https://developer.apple.com/videos/play/wwdc2023/10252/?time=312), the previews may display nested views with added modifiers and [dedicated configuration traits](https://developer.apple.com/videos/play/wwdc2023/10252/?time=331) if need be.
+
+
+
+
+
+
+
+
🎬
+
+According to the use case, a view controller might need to be incorporated for getting the sought preview.
+
+
+
+
+
+
+
🎬
+
+The first mode is the **live mode** that gives rise to interactivity, animations and asynchronous actions through the canvas.
+
+
+
+
+
+
+
+
🎬
+
+The **static mode** renders a snapshot of the view and enables interactions with the components while changing the code thereof.
+
+
+
+
+
+
+
🎬
+
+The **variants mode** displays the settings for the features provided in the `preview environment` explained in the next tab.
+
+
+
+All the **dynamic type sizes** can be rendered while selecting one of them and enabling to slide towards each other.
+
+
+
+
+
+
+
🎬
+
+The previews may also be enriched by the `Color Scheme`, the `Orientation` and the `Dynamic Type` feature through the **Device Settings popover** located in the canvas.
+
+
+
+
+
+
+
🎬
+
+Use a `Form` instead of a `VStack` for grouping the controls inside sections.
+
+
+
+
+
+
+
+
🎬
+
+Add a header to the created sections.
+
+
+
+
+
+
🎬
+
+
+
+
+
+
+
🎬
+
+
+
+
+
+
🎬
+
+
+