Table of Contents

Class TwGridItem

Namespace
TwBlazor.Components
Assembly
TwBlazor.dll

A child of a TwGrid that sets where it sits: how many columns and rows it spans and where it starts (both changing at any breakpoint), a named area, its alignment inside its cell and its visual order.

public class TwGridItem : TwLayoutComponentBase, IComponent, IHandleEvent, IHandleAfterRender, ITwComponent
Inheritance
TwGridItem
Implements
Inherited Members

Remarks

Any element can be a child of a TwGrid; use TwGridItem only when a child needs one of these settings. Placing an item away from its place in the markup changes only where it is drawn, so screen readers and the Tab key still follow the markup.

Constructors

TwGridItem() 

public TwGridItem()

Properties

AlignSelf

Gets or sets the item's alignment inside its cell on the column axis, overriding the grid's.

[Parameter]
public AlignSelf? AlignSelf { get; set; }

Property Value

AlignSelf?

Area

Gets or sets the named area the item fills, one of the names in its grid's Areas.

[Parameter]
public string? Area { get; set; }

Property Value

string

ColSpan

Gets or sets how many columns the item spans at every width, from 1 to 12, or Full for every column.

[Parameter]
public int? ColSpan { get; set; }

Property Value

int?

ColSpanLg

Gets or sets how many columns the item spans from the lg breakpoint (64rem) upwards.

[Parameter]
public int? ColSpanLg { get; set; }

Property Value

int?

ColSpanMd

Gets or sets how many columns the item spans from the md breakpoint (48rem) upwards.

[Parameter]
public int? ColSpanMd { get; set; }

Property Value

int?

ColSpanSm

Gets or sets how many columns the item spans from the sm breakpoint (40rem) upwards.

[Parameter]
public int? ColSpanSm { get; set; }

Property Value

int?

ColSpanXl

Gets or sets how many columns the item spans from the xl breakpoint (80rem) upwards.

[Parameter]
public int? ColSpanXl { get; set; }

Property Value

int?

ColSpanXl2

Gets or sets how many columns the item spans from the 2xl breakpoint (96rem) upwards.

[Parameter]
public int? ColSpanXl2 { get; set; }

Property Value

int?

ColStart

Gets or sets the column line the item starts on at every width, from 1 to 13. Use it to leave empty columns before the item.

[Parameter]
public int? ColStart { get; set; }

Property Value

int?

ColStartLg

Gets or sets the column line the item starts on from the lg breakpoint upwards.

[Parameter]
public int? ColStartLg { get; set; }

Property Value

int?

ColStartMd

Gets or sets the column line the item starts on from the md breakpoint upwards.

[Parameter]
public int? ColStartMd { get; set; }

Property Value

int?

ColStartSm

Gets or sets the column line the item starts on from the sm breakpoint upwards.

[Parameter]
public int? ColStartSm { get; set; }

Property Value

int?

ColStartXl

Gets or sets the column line the item starts on from the xl breakpoint upwards.

[Parameter]
public int? ColStartXl { get; set; }

Property Value

int?

ColStartXl2

Gets or sets the column line the item starts on from the 2xl breakpoint upwards.

[Parameter]
public int? ColStartXl2 { get; set; }

Property Value

int?

JustifySelf

Gets or sets the item's alignment inside its cell on the row axis, overriding the grid's.

[Parameter]
public JustifySelf? JustifySelf { get; set; }

Property Value

JustifySelf?

Order

Gets or sets where the item is drawn among items that have no position, from 1 to 12, or First or Last.

[Parameter]
public int? Order { get; set; }

Property Value

int?

RowSpan

Gets or sets how many rows the item spans at every width, from 1 to 6, or Full for every row.

[Parameter]
public int? RowSpan { get; set; }

Property Value

int?

RowSpanLg

Gets or sets how many rows the item spans from the lg breakpoint upwards.

[Parameter]
public int? RowSpanLg { get; set; }

Property Value

int?

RowSpanMd

Gets or sets how many rows the item spans from the md breakpoint upwards.

[Parameter]
public int? RowSpanMd { get; set; }

Property Value

int?

RowSpanSm

Gets or sets how many rows the item spans from the sm breakpoint upwards.

[Parameter]
public int? RowSpanSm { get; set; }

Property Value

int?

RowSpanXl

Gets or sets how many rows the item spans from the xl breakpoint upwards.

[Parameter]
public int? RowSpanXl { get; set; }

Property Value

int?

RowSpanXl2

Gets or sets how many rows the item spans from the 2xl breakpoint upwards.

[Parameter]
public int? RowSpanXl2 { get; set; }

Property Value

int?

RowStart

Gets or sets the row line the item starts on at every width, from 1 to 7.

[Parameter]
public int? RowStart { get; set; }

Property Value

int?

RowStartLg

Gets or sets the row line the item starts on from the lg breakpoint upwards.

[Parameter]
public int? RowStartLg { get; set; }

Property Value

int?

RowStartMd

Gets or sets the row line the item starts on from the md breakpoint upwards.

[Parameter]
public int? RowStartMd { get; set; }

Property Value

int?

RowStartSm

Gets or sets the row line the item starts on from the sm breakpoint upwards.

[Parameter]
public int? RowStartSm { get; set; }

Property Value

int?

RowStartXl

Gets or sets the row line the item starts on from the xl breakpoint upwards.

[Parameter]
public int? RowStartXl { get; set; }

Property Value

int?

RowStartXl2

Gets or sets the row line the item starts on from the 2xl breakpoint upwards.

[Parameter]
public int? RowStartXl2 { get; set; }

Property Value

int?

rootClasses

Gets the classes for the rendered element, with Class merged last.

protected override string rootClasses { get; }

Property Value

string

rootStyle

Gets the inline style for the rendered element. Defaults to Style.

protected override string? rootStyle { get; }

Property Value

string
Edit this page