Form structure and layout

A form is easier to fill when related fields sit together. These pages cover containers, the component tree, grids, tabs, spacing, and multi-step wizards.

In this section

Form structure and containers	Use containers, stacks, and grids to group fields: organize your form before you style or validate.
Parent and child in the Tree	Understand nesting in the Tree tab: select parents, move children, and fix fields that landed in the wrong container.
Rows, columns, and grids	Place fields side by side with grid or stack layout components: preview on mobile before you publish.
Tabs and multi-step layouts	Split long forms into tabs or steps using the RSuite Tab component: link to deeper docs for wizard patterns.
Spacing and alignment basics	Improve readability with stack spacing, margins, and consistent field width without learning CSS.
Wizard and multi-step flows	Guide users through long forms step by step with the RSuite Wizard component, using the same employee onboarding example as the tabs guide.