[Feature Request]: new Form web component

[ilhan007]

Feature Request Description

Create Form web component based on the SAP Design Guidelines and Specs, and providing the following functionalities:

1. Form header (just a heading on top, or heading + actions to the side)

2. Form Group Headings

3. Form Responsiveness

Column-based responsive behaviour. Depending on its size, the group is divided into one or more columns with the option for the consumers to define how many columns for each breakpoint would like to get

• XL – max. 4 columns, 1 to 4
• L – max. 3 columns, 1 to 3
• M – max. 2 columns, 1 or 2
• S – always 1 column

4. Editable feature so that spacing between or height of the Label-Text pairs is equal to their equivalent Label-Input pairs to avoid jumping

Proposed Solution

Introduce several components ui5-form

• heading (string) or header (custom header to use ui5-bar, ui5-toolbar, custom HTML)
• columnsM (number) - 1 or 2, to define number in columns for M breakpoint
• columnsL (number) - 1 or 3, to define number in columns for L breakpoint
• columnsXl (number) - 1 or 4, to define number in columns for XL breakpoint
• slot: [ui5-form-item | ui5-form-group]

ui5-form-item - the Label-Text or the Label-InputField pair

ui5-form-group - group of Label-Text or Label-InputField pairs

• heading (string)
• slot: [ui5-form-item]

Organization

UI5

Priority

High

Privacy Policy

• [X] I’m not disclosing any internal or sensitive information.