Components
entity

field-row

3min

The field-row component contains other components and displays them on the same row. This component does not indicate a new row; all components are automatically placed in a new row. Instead, this component ensures that items are placed next to instead of underneath each other.

Considerations

  • Rows can contain entity-field components:
  • A maximum of three components can be displayed per row.


Examples and code snippets 

Field-row components with entity-fields (Display only)

Field-row


Example showing how rows have been incorporated to display more than one component per row in certain instances.

Examples: See the full example using static data in GitHub. See the full example using dynamic data in GitHub.

Datasources: See the full datasource for static data in GitHub. See the full datasource for dynamic data in GitHub.

row-entity-fields (static)
row-entity-fields (dynamic)
datasources (static)
datasources (dynamic)


Field-row components on form with children components (Display and input)

field-row on form
Field-row on form


Examples: See the full example using dynamic data in GitHub.

Datasource: See the full datasource for dynamic data in GitHub.

form-rows-children (dynamic)
datasources (dynamic)




Updated 24 Jul 2024
Doc contributor
Did this page help you?