Release Notes
Product Announcement
Row
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 | - |
Bantuan dan Dukungan
Apakah halaman ini membantu?
Anda juga dapat Menghubungi Penjualan atau Mengirimkan Tiket untuk meminta bantuan.
masukan