EccGroup

EccGroup is a labelled group of fields inside a panel. With collapsible a click on the label folds the group.

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

Example

 
<EccGroup label="Requester" collapsible initState="close">
  <EccText fieldLabel="Cost center" value="inputs.purchase.requesterCostCenter" data={task} />
</EccGroup>

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

Behaviour

• A collapsible group shows a chevron before the label (right when closed, down when open).
• A closed group does not render its content.
• EccGroup has no id and cannot be hidden by a page validator - wrap it in an EccHideable for that.

Props

Related