Row
Last updated:2026-02-03 15:37:25
Component Feature
Row is a horizontally laid out container and a shortcut for the Box component, with direction fixed as "row".
It is used to arrange child components horizontally and supports style configurations such as elastic layout, spacing, alignment, border, and background.
Basic Usage
Template example:
<Row gap="12px" align="center"><Icon name="user" /><Text value="userName" /></Row>
Effect display as follows:
Attribute Description
Layout Property
Property Name | Type | Description | Default value |
children | ChatKitComponent[] | Subcomponent List | - |
align | Alignment | Alignment Mode for Intersect | - |
justify | Justification | Alignment Mode for Main Axis | - |
wrap | "nowrap" | "wrap" | "wrap-reverse" | Line Break Method | "nowrap" |
flex | number | string | Flex value | - |
gap | number | string | child element spacing | - |
padding | number | string | Spacing | padding | - |
border | number | Border | Borders | Border Configuration | - |
background | string | ThemeColor | Background Color | - |
Size Property
Property Name | Type | Description | Default value |
height | number | string | height | - |
width | number | string | width | - |
size | number | string | Set both width and height at the same time | - |
minHeight | number | string | minimum height | - |
minWidth | number | string | minimum width | - |
minSize | number | string | minimum size | - |
maxHeight | number | string | max height | - |
maxWidth | number | string | maximum width | - |
maxSize | number | string | maximum size | - |
aspectRatio | number | string | Aspect Ratio | - |
radius | RadiusValue | rounded corners | - |
margin | number | string | Spacing | margin | - |
Was this page helpful?
You can also Contact Sales or Submit a Ticket for help.
Yes
No
Feedback