snippets cleanup

Author: DiegoCardoso

frontend/demo/component/basiclayouts/basic-layouts-horizontal-layout-wrapping.ts

@@ -39,11 +39,13 @@ export class Example extends LitElement {
         theme="wrap spacing margin padding"
         style="align-items: stretch; width: 350px;"
       >
+        <!-- end::snippet[] -->
         <vaadin-button>Button 1</vaadin-button>
         <vaadin-button>Button 2</vaadin-button>
         <vaadin-button>Button 3</vaadin-button>
         <vaadin-button>Button 4</vaadin-button>
         <vaadin-button>Button 5</vaadin-button>
+        <!-- tag::snippet[] -->
       </vaadin-horizontal-layout>
       <!-- end::snippet[] -->
     `;

frontend/demo/component/basiclayouts/basic-layouts-vertical-layout-wrapping.ts

@@ -41,11 +41,13 @@ export class Example extends LitElement {
           theme="wrap spacing padding"
           style="align-items: stretch; height: 200px; width: 100%;"
         >
+          <!-- end::snippet[] -->
           <vaadin-button>Button 1</vaadin-button>
           <vaadin-button>Button 2</vaadin-button>
           <vaadin-button>Button 3</vaadin-button>
           <vaadin-button>Button 4</vaadin-button>
         </vaadin-vertical-layout>
+        <!-- tag::snippet[] -->
       </vaadin-horizontal-layout>
       <!-- end::snippet[] -->
     `;

frontend/demo/component/basiclayouts/react/basic-layouts-horizontal-layout-wrapping.tsx

@@ -31,11 +31,13 @@ function Example() {
         theme="wrap spacing margin padding"
         style={{ alignItems: 'stretch', width: '350px' }}
       >
+        {/* end::snippet[] */}
         <Button>Button 1</Button>
         <Button>Button 2</Button>
         <Button>Button 3</Button>
         <Button>Button 4</Button>
         <Button>Button 5</Button>
+        {/* tag::snippet[] */}
       </HorizontalLayout>
       {/* end::snippet[] */}
     </>

frontend/demo/component/basiclayouts/react/basic-layouts-vertical-layout-wrapping.tsx

@@ -24,10 +24,12 @@ function Example() {
           theme="wrap spacing padding"
           style={{ alignItems: 'stretch', height: '200px', width: '100%' }}
         >
+          {/* end::snippet[] */}
           <Button>Button 1</Button>
           <Button>Button 2</Button>
           <Button>Button 3</Button>
           <Button>Button 4</Button>
+          {/* tag::snippet[] */}
         </VerticalLayout>
         {/* end::snippet[] */}
       </HorizontalLayout>

src/main/java/com/vaadin/demo/component/basiclayouts/BasicLayoutsHorizontalLayoutWrapping.java

@@ -26,18 +26,18 @@ public BasicLayoutsHorizontalLayoutWrapping() {
 
         // tag::snippet[]
         HorizontalLayout layout = new HorizontalLayout();
+        layout.setWrap(true);
+        // end::snippet[]
+        layout.setMargin(true);
         layout.setPadding(true);
         layout.setSpacing(true);
-        layout.setMargin(true);
-        layout.setWrap(true);
         layout.setAlignItems(FlexComponent.Alignment.STRETCH);
         layout.setWidth("350px");
         layout.add(new Button("Button 1"));
         layout.add(new Button("Button 2"));
         layout.add(new Button("Button 3"));
         layout.add(new Button("Button 4"));
         layout.add(new Button("Button 5"));
-        // end::snippet[]
 
         this.setClassName("basic-layouts-example");
         this.add(layout);

src/main/java/com/vaadin/demo/component/basiclayouts/BasicLayoutsVerticalLayoutWrapping.java

@@ -32,17 +32,17 @@ public BasicLayoutsVerticalLayoutWrapping() {
 
         // tag::snippet[]
         VerticalLayout layout = new VerticalLayout();
+        layout.setWrap(true);
+        // end::snippet[]
         layout.setPadding(true);
         layout.setSpacing(true);
-        layout.setWrap(true);
         layout.setAlignItems(FlexComponent.Alignment.STRETCH);
         layout.setHeight("200px");
         layout.setWidthFull();
         layout.add(new Button("Button 1"));
         layout.add(new Button("Button 2"));
         layout.add(new Button("Button 3"));
         layout.add(new Button("Button 4"));
-        // end::snippet[]
 
         parent.add(layout);
         this.setClassName("basic-layouts-example");