UIGridContainerElementUpdate
The parameters for updating a grid container element.
See UIGridContainerElement for more details.
Remarks
id
and type
are required to identify the element to update.
Properties
type
type:
"Grid"
id
id:
string
The ID of the element.
grid?
optional
grid:string
The grid to use for the container. It is the exact same as CSS's shorthand property grid
.
Example
horizontal stack
two columns, the first column is 50px wide, the second column takes the remaining space
{
type: "Grid",
grid: "auto-flow / 50px 1fr",
items: [...]
}
See
https://developer.mozilla.org/en-US/docs/Web/CSS/grid for more details.
verticalAlignment?
optional
verticalAlignment:"center"
|"top"
|"bottom"
The alignment of the items in the grid. Only takes effect on horizontal stacks.
Default Value
"top"
horizontalDistribution?
optional
horizontalDistribution:"center"
|"start"
|"end"
|"space-between"
|"space-around"
|"space-evenly"
The distribution of the items in the grid. Only takes effect on horizontal stacks.
Default Value
"start"
items?
optional
items: (UIButtonElementCreate
|UITextElementCreate
|UIDividerElementCreate
|UITextInputElementCreate
|UISelectElementCreate
|UIFlexibleSpaceElementCreate
|UIButtonRowElementCreate
|UICheckboxGroupElementCreate
|UIRadioGroupElementCreate
|UIToggleGroupElementCreate
|UIIframeElementCreate
)[]
The items to add to the grid container.
onCreate()?
optional
onCreate: (args
: {id
:string
; }) =>void
A function to call when the element is created.
Parameters
args
{ id
: string
; }
The arguments passed to the function.
args.id
string
The id of the element.
Returns
void
onDestroy()?
optional
onDestroy: (args
: {id
:string
; }) =>void
A function to call when the element is destroyed.
Parameters
args
{ id
: string
; }
The arguments passed to the function.
args.id
string
The id of the element.
Returns
void
Last updated
Was this helpful?