Rows
Stay organized with collections
Save and categorize content based on your preferences.
AI-generated Key Takeaways
Block inputs are broken into rows and spacer rows based on render info.
Inline inputs result in fewer rows compared to external inputs.
A Row is a horizontal collection of elements and element spacers.
A RowSpacer is an empty vertical space between two rows.
The bounds of rows and row spacers are determined by render info and their contained elements/spacers.
Blocks are defined as a collection of inputs, but the render info
determines how these inputs get broken up into rows and spacer rows.
For example, when a block is set to inline inputs,
the block is made of fewer rows than when it is set to
external inputs. It has the same number of inputs but
a different number of rows!
The bounds of a row are determined by the bounds of the elements and
spacers that belong to that row, so that all of the elements
are contained.
Row spacer
A RowSpacer is an empty vertical space that goes between two
rows.
The bounds of the row spacers are determined by the
render info itself. After measuring all of the rows of the block,
the render info inserts spaces of its chosen size between rows.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2025-04-14 UTC."],[],["Blocks contain inputs, and their visual layout depends on the render info, which structures inputs into rows and spacer rows. Inline inputs create blocks with fewer rows than external inputs, despite having the same number of inputs. A Row consists of elements and element spacers, with its boundaries defined by these components. RowSpacers are empty spaces between rows; the render info determines their size and placement between rows.\n"]]
