Components/Forms/Form Group

fd-form-group · 5 examples from SAP's documentation · Back to the gallery

About

Form groups are used to assemble form elements with labels, messages, and help containers. These components can be used alone. For example, the \

Default

Required

To indicate to the user that it's required to fill out an input field, add the \

Group header

Form groups can be grouped together under a header with the \

Group Header

Group Header without inline padding

Group Header without border

Group Header without border and padding

Group header (form grid)

When group headers are displayed in a **Form Grid**, paddings are added to the groups.

Personal Information

Contact Details

Security Questions

Group header (form grid) – display mode

Display mode variant of the group header form grid. Add \

Personal Information

Amelia Perry

New York

Product Designer

Contact Details

amelia.perry@example.com

+1 555 123 4567

linkedin.com/in/amelia-perry

Security Questions

Mimi

Charlie

Boston