Balance Logo
Reckon Design System
Open playroom

Field Stack

A standardisation components that ensures all form fields have a standard vertical spacing.
pnpm add @balance-web/field-stack
Import usage
import {
} from '@balance-web/field-stack';
  • Code
  • API

FieldStack is a component that helps standardise vertical spacing in all form elements.

  • All usages of Field and Fieldset must be wrapped in FieldStack. Do not apply vertical spacing manually.
  • This component is meant to only apply spacing to the fields, spacing for buttons, help text and other form elements is the consumers responsibility.

Basic usage

The FieldStack component simply wraps children with a Stack to apply a standard gap.

Edit in Playroom
Copyright © 2024 Reckon. Designed and developed in partnership with Thinkmill.
Bitbucket logoJira software logoConfluence logo