Class

Row

A container directive that arranges content into a grid-based row and column layout.

final class Row

Discussion

Create a new row by creating an @Row that contains child @Column directives.

@Row {
   @Column {
      @Image(source: "icon-power-icon", alt: "A blue square containing a snowflake.") {
         Ice power
      }
   }

   @Column {
      @Image(source: "fire-power-icon", alt: "A red square containing a flame.") {
         Fire power
      }
   }

   @Column {
      @Image(source: "wind-power-icon", alt: "A teal square containing a breath of air.") {
         Wind power
      }
   }

   @Column {
      @Image(source: "lightning-power-icon", alt: "A yellow square containing a lightning bolt.") {
         Lightning power
      }
   }
}

Topics

class Column
A container directive that holds general markup content describing a column with a row in a grid-based layout.

Instance Properties

var columns: [Row.Column]
The columns that make up this row.
var numberOfColumns: Int
The number of columns in this row.
let originalMarkup: BlockDirective

Type Properties

static let introducedVersion: String