EccLayout

EccLayout places its children below each other (vertical) or next to each other (horizontal), aligned left or right.

 
import { EccLayout } from "@/ecc/components/forms/EccLayout";

Example

 
<EccLayout layout="horizontal" align="left">
  <EccText fieldLabel="Cost center" value="inputs.purchase.requesterCostCenter" data={task} />
  <EccText fieldLabel="Room"        value="inputs.purchase.deliveryRoom"        data={task} />
</EccLayout>

Ecc components in this example: EccText - how to use them is described in UI Components.

Props

EccLayout is a flex container (classes ecc-layout, ecc-layout-<layout>, ecc-layout-<align>). For columns of a fixed width use the Bootstrap grid (row, col-md-*) instead.

Related