vdl-row

Controls layout by splitting content into separate horizontal blocks. All content within a <vdl-row> will be positioned below preceding content. Each <vdl-row> is split up into 12 columns. If a <vdl-column> is not specified inside a <vdl-row> then one is automatically inserted and will take the full width of the view.

Required parent element

• <vdl-section>

Example

<vdl-section>
  <vdl-row>
    <vdl-column size="4" heading="Column Title">
      <!-- Any VDL, HTML or text content -->
    </vdl-column>
  </vdl-row>
  <vdl-row>
    <vdl-column size="4" heading="Column Title">
      <!-- Any VDL, HTML or text content -->
    </vdl-column>
  </vdl-row>
</vdl-section>

Element contents

Markup allowed

Any VDL, HTML or text content