framework-entersol-web/src/js/forms/groups/card-group.jsx

Framework based on bootstrap 5

import React from "react";

import Group from "./group";

export default class CardGroup extends Group {

  static jsClass = 'CardGroup';

  constructor(props) {
    super(props);
    this.state.localClasses = 'card';
  }

  content(children = this.props.children) {
    const { label, fields, labelClasses } = this.props;
    return <div className="card-body">
      {label && <label className={labelClasses}>{label}</label>}
      {fields && fields.map(this.mapFields)}
      {children}
    </div>
  }

}