grid

Grid layout widget builder.

Types

Grid

opaque </>

pub opaque type Grid

Opt

</>

Option type for grid properties.

pub type Opt {
  NumColumns(Int)
  Spacing(Float)
  Width(length.Length)
  Height(length.Length)
  ColumnWidth(length.Length)
  RowHeight(length.Length)
  Fluid(Float)
  A11y(a11y.A11y)
}

Constructors

```
NumColumns(Int)
```
```
Spacing(Float)
```
```
Width(length.Length)
```
```
Height(length.Length)
```
```
ColumnWidth(length.Length)
```
```
RowHeight(length.Length)
```
```
Fluid(Float)
```
```
A11y(a11y.A11y)
```

Values

</>

pub fn a11y(g: Grid, a: a11y.A11y) -> Grid

Set accessibility properties for this widget.

build

</>

pub fn build(g: Grid) -> node.Node

Build the grid into a renderable Node.

column_width

</>

pub fn column_width(g: Grid, w: length.Length) -> Grid

Set the width on a column definition.

extend

</>

pub fn extend(g: Grid, children: List(node.Node)) -> Grid

Add multiple child nodes.

fluid

</>

pub fn fluid(g: Grid, max_cell_width: Float) -> Grid

Enable fluid mode with the given max cell width.

height

</>

pub fn height(g: Grid, h: length.Length) -> Grid

Set the height.

new

</>

pub fn new(id: String) -> Grid

Create a new grid builder.

num_columns

</>

pub fn num_columns(g: Grid, n: Int) -> Grid

Set the number of columns.

push

</>

pub fn push(g: Grid, child: node.Node) -> Grid

Add a child node.

row_height

</>

pub fn row_height(g: Grid, h: length.Length) -> Grid

Set the height of each row.

spacing

</>

pub fn spacing(g: Grid, s: Float) -> Grid

Set the spacing between children in pixels.

width

</>

pub fn width(g: Grid, w: length.Length) -> Grid

Set the width.

with_opts

</>

pub fn with_opts(g: Grid, opts: List(Opt)) -> Grid

Apply a list of options to a grid builder.