Skip to content

Commit b7a9882

Browse files
committed
Make en stack & wrap layouts more consistent
1 parent 4d744bf commit b7a9882

File tree

2 files changed

+8
-8
lines changed

2 files changed

+8
-8
lines changed

content/docs/en/elements/layouts/stack-layout.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -6,9 +6,9 @@ contributors: [rigor789, ikoevska]
66

77
`<StackLayout>` is a layout container that lets you stack the child elements vertically (default) or horizontally.
88

9-
### Samples
9+
## Examples
1010

11-
#### Default stacking
11+
### Default stacking
1212

1313
The following example creates a vertical stack of 3 equally-sized elements. Items are stretched to cover the entire width of the screen. Items are placed in the order they were declared in.
1414

@@ -21,7 +21,7 @@ The following example creates a vertical stack of 3 equally-sized elements. Item
2121
```
2222
<img class="md:w-1/2 lg:w-1/3" src="https://art.nativescript-vue.org/layouts/stack_layout_vertical.svg" />
2323

24-
#### Horizontal stacking
24+
### Horizontal stacking
2525

2626
The following example creates a horizontal stack of 3 equally-sized elements. Items are stretched to cover the entire height of the screen. Items are placed in the order they were declared in.
2727

@@ -34,7 +34,7 @@ The following example creates a horizontal stack of 3 equally-sized elements. It
3434
```
3535
<img class="md:w-1/2 lg:w-1/3" src="https://art.nativescript-vue.org/layouts/stack_layout_horizontal.svg" />
3636

37-
#### Stack layout with horizontally aligned children
37+
### Stack layout with horizontally aligned children
3838

3939
The following example creates a diagonal stack of items with responsive sizes. Items are vertically stacked.
4040

@@ -52,7 +52,7 @@ The following example creates a diagonal stack of items with responsive sizes. I
5252
```
5353
<img class="md:w-1/2 lg:w-1/3" src="https://art.nativescript-vue.org/layouts/stack_layout_vertical_align_children.svg" />
5454

55-
#### Horizontal stack layout with vertically aligned children
55+
### Horizontal stack layout with vertically aligned children
5656

5757
The following example creates a diagonal stack of items with responsive sizes. Items are horizontally stacked.
5858

content/docs/en/elements/layouts/wrap-layout.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -6,9 +6,9 @@ contributors: [rigor789, ikoevska]
66

77
`<WrapLayout>` is a layout container that lets you position items in rows or columns, based on the `orientation` property. When the space is filled, the container automatically wraps items onto a new row or column.
88

9-
### Samples
9+
### Examples
1010

11-
#### Default wrap layout
11+
### Default wrap layout
1212

1313
The following example creates a row of equally-sized items. When the row runs out of space, the container wraps the last item on a new row.
1414

@@ -23,7 +23,7 @@ The following example creates a row of equally-sized items. When the row runs ou
2323

2424
<img class="md:w-1/2 lg:w-1/3" src="https://art.nativescript-vue.org/layouts/wrap_layout_horizontal.svg" />
2525

26-
#### Vertical wrap layout
26+
### Vertical wrap layout
2727

2828
The following example creates a column of equally-sized items. When the row runs out of space, the container wraps the last item on a new column.
2929

0 commit comments

Comments
 (0)