Question: I would like to graphically reduce a View or a `VStack` like I saw in a video. The guy selects the `VStack` and by pressing on his keyboard he gets a thumbnail of his `VStack`.
I have this :

```
VStack {
    TextField("Placeholder", text: $newValue)
        .background(Color.white)
    Button(action: {}) {
        Text("Button")
    }
}.padding()

```

and I'd like to have to this:

```
VStack{...}.padding()

```

What are the keyboard keys to enter?

Answer: 
What you describe is called "Code Folding" and can be accessed in multiple ways:

* (Menu) Editor > Code Folding > Fold
[![enter image description here](https://i.stack.imgur.com/KA8Wj.png)](https://i.stack.imgur.com/KA8Wj.png)
* By clicking the left ribbon of the scope you want to fold
[![enter image description here](https://i.stack.imgur.com/srwxZ.png)](https://i.stack.imgur.com/srwxZ.png)
* By using the shortcut `⌥ ⌘ ←` (or the variant most suitable for the case)
Ctrl + Alt + Cmd + ← (arrow left)| collapse method

Ctrl + Alt + Cmd + → (arrow right) | expand metnod