Componentsv2.189.1
Iconsv1.19.0
MCPv0.8.62
Tokensv0.34.3
A flexible layout component for arranging form elements with customizable spacing.
Importing
The component can be imported via:
Loading editor
Horizontal Grouping
The FormLayoutGroup is used for horizontally aligning form items within a FormLayout. This is useful for grouping related inputs such as first and last names or other paired fields.
Loading editor
Gap Customization
The gap prop allows you to control the spacing between child elements. This should not be used unless explicitly told by a designer.
Loading editor
API
PlumaFormLayout extends Stack
The space between rows. See space tokens / MDN Gap
PlumaFormLayoutGroup extends Box
The space between columns. See space tokens / MDN Gap