@ui5/webcomponents-react
Version:
React Wrapper for UI5 Web Components and additional components
27 lines (26 loc) • 1.15 kB
JavaScript
'use client';
import { withWebComponent } from '../../internal/withWebComponent.js';
/**
* The FormGroup (ui5-form-group) represents a group inside the Form (ui5-form) component
* and it consists of FormItem (ui5-form-item) components.
*
* The layout of the FormGroup is mostly defined and controlled by the overarching Form (ui5-form) component.
* Still, one can influence the layout via the FormGroup's `columnSpan` property,
* that defines how many columns the group should expand to.
*
* ### Usage
*
* Тhe FormGroup (ui5-form-group) allows to split a Form into groups,
* e.g to group FormItems that logically belong together.
*
* ### ES6 Module Import
*
* - import @ui5/webcomponents/dist/FormGroup.js";
*
* __Note__: This is a UI5 Web Component! [Repository](https://github.com/SAP/ui5-webcomponents) | [Documentation](https://sap.github.io/ui5-webcomponents/)
*
* @since [2.0.0](https://github.com/SAP/ui5-webcomponents/releases/tag/v2.0.0) of __@ui5/webcomponents__.
*/
const FormGroup = withWebComponent('ui5-form-group', ['columnSpan', 'headerText'], [], [], []);
FormGroup.displayName = 'FormGroup';
export { FormGroup };