Lines Matching refs:elements
8 By default, the flex container has a main axis and a cross axis, and child elements are arranged al…
19 - Main axis: axis along which child elements are placed in the **Flex** component. Child elements a…
26 …elements can be arranged in any direction. You can set the **direction** parameter to define the d…
32 …lt value): The main axis runs along the row horizontally, and the child elements are laid out from…
49 …Reverse**: The main axis runs along the row horizontally, and the child elements are laid out from…
66 - **FlexDirection.Column**: The main axis runs along the column vertically, and the child elements …
83 …everse**: The main axis runs along the column vertically, and the child elements are laid out from…
103 …elements can be laid on a single line or on multiple lines. By default, child elements in the flex…
105 …lexWrap.NoWrap** (default value): Child elements are laid out on a single line. This may cause the…
121 - **FlexWrap.Wrap**: Child elements break into multiple lines and are aligned along the main axis.
137 - **FlexWrap.WrapReverse**: Child elements break into multiple lines and are aligned in the reverse…
156 Use the **justifyContent** parameter to set alignment of child elements on the main axis.
161 - **FlexAlign.Start** (default value): The child elements are aligned with each other toward the st…
178 - **FlexAlign.Center**: The child elements are aligned with each other toward the center of the con…
195 - **FlexAlign.End**: The child elements are aligned with each other toward the end edge of the cont…
212 …ceBetween**: The child elements are evenly distributed within the container along the main axis. T…
229 …elements are evenly distributed within the container along the main axis. The space between the fi…
246 …elements are evenly distributed within the container along the main axis. The space between the fi…
266 …cross axis can be set for both the container and child elements, with that set for child elements …
271 Use the **alignItems** parameter of the **Flex** component to set alignment of child elements on th…
274 - **ItemAlign.Auto**: The child elements are automatically aligned in the flex container.
291 - **ItemAlign.Start**: The child elements are aligned with the start edge of the container along th…
308 - **ItemAlign.Start**: The child elements are aligned with the center of the container along the cr…
325 - **ItemAlign.End**: The child elements are aligned with the end edge of the container along the cr…
342 …ItemAlign.Stretch**: The child elements are stretched along the cross axis. If no constraints are …
359 - **ItemAlign.Baseline**: The child elements are aligned at the baseline of the cross axis.
379 …ts/ts-universal-attributes-flex-layout.md#alignself) attribute of child elements to set their alig…
382 Flex({ direction: FlexDirection.Row, alignItems: ItemAlign.Center }) { // The child elements are al…
411 …pis) parameter to set how space is distributed between and around child elements along the cross a…
413 - **FlexAlign.Start**: The child elements are aligned toward the start edge of the cross axis in th…
431 - **FlexAlign.Center**: The child elements are aligned toward the center of the cross axis in the c…
449 - **FlexAlign.End**: The child elements are aligned toward the end edge of the cross axis in the co…
467 …eBetween**: The child elements are evenly distributed within the container along the cross axis. T…
485 …elements are evenly distributed within the container along the cross axis. The space between the f…
503 …elements are evenly distributed within the container along the cross axis. The space between the f…
580 …elements is 100 vp each, and the left and right margins are 20 vp in total. The flex container's r…
582 …r share of remaining space at the 2:3 ratio, the first and second child elements are at a width of…
584 …xshrink): shrink factor of the child element when the size of all child elements is larger than th…
613 In this example, child elements are arranged horizontally in the flex layout, aligned at both edges…