Form Layout

Import

import {FormLayout} from '@astryxdesign/core/FormLayout';

Astryx 문서 권장 방식대로 root barrel이 아니라 컴포넌트 subpath에서 가져옵니다.

When to use

A layout container that arranges form fields with consistent spacing and direction. FormLayout handles where fields go, not state or submission. Wrap it in a <form> for that. Su...

Important props

Theming targets

Best practices

• DoStack fields vertically for most forms. It's the easiest to scan top to bottom.
• DoNest a horizontal FormLayout inside a vertical one when fields naturally pair up, like First Name + Last Name or City + State + ZIP.
• DoUse horizontal-labels for settings pages where labels sit beside their inputs.
• Do notUse FormLayout for form state or submission. It's just layout. Wrap it in a <form> for that.