SoybeanUI is now VeanUIMigration guidePackages moved to @vean/aria and @vean/ui, and the docs moved to veanui.com.This site redirects in Nov 2026; the @soybeanjs packages are deprecated in Apr 2027.
Back to catalog
Component detail entry
Forms
@soybeanjs/ui
SForm

Form

Form belongs to the Forms category. Start with demos and usage, then use the API tables to finish integration and styling decisions.

Use the quick jump panel to reach overview, usage, demos, and API first, then continue through the full page.

Quick jump

Related components

If you are composing interactions in the same family, these components usually pair well together.

Changelog

Version history is grouped by release so you can quickly see what changed for this component across published versions.

v0.50.0

2026-10-02

Compare release

Feature

collapse form field array content height on row changes

Scope: formAuthors: soybeanfeView commit0c763

Optimization

extract array-row collapse into useCollapseHeight composable

Scope: formAuthors: soybeanjsView commit58fe3

Refactor

replace auto-animate error animation with presence-driven transition

Scope: formAuthors: soybeanfeView commitacb5b

Refactor

restore height-collapsing error transition

Scope: formAuthors: soybeanfeView commite8fd3

Refactor

replace self-built form engine with @tanstack/vue-form

Scope: formAuthors: soybeanjsView commit2568a

Refactor

rebuild useForm on TanStack-native contracts and dual-source inference

Scope: formAuthors: soybeanjsView commit575dc

Chore

replace setTimeout with polling for async validation checks

Scope: formAuthors: soybeanjsView commitbf551

Feature

collapse form field array content height on row changes

Scope: formAuthors: soybeanfeView commit0c763

Optimization

extract array-row collapse into useCollapseHeight composable

Scope: formAuthors: soybeanjsView commit58fe3

Refactor

replace auto-animate error animation with presence-driven transition

Scope: formAuthors: soybeanfeView commitacb5b

Refactor

restore height-collapsing error transition

Scope: formAuthors: soybeanfeView commite8fd3

Refactor

replace self-built form engine with @tanstack/vue-form

Scope: formAuthors: soybeanjsView commit2568a

Refactor

rebuild useForm on TanStack-native contracts and dual-source inference

Scope: formAuthors: soybeanjsView commit575dc

Chore

replace setTimeout with polling for async validation checks

Scope: formAuthors: soybeanjsView commitbf551

v0.40.0

2026-09-14

Compare release

Style

update control class for horizontal orientation

Scope: formAuthors: soybeanjsView commit9d536

v0.18.0

2026-05-05

Compare release

Feature

Implement Compact components

Scope: formAuthors: soybeanjs, soybeanfe, CopilotView commit95c48

v0.15.0

2026-04-26

Compare release

Fix

update form input and output types for schema validation

Scope: formAuthors: soybeanjsView commit3b792

Fix

update form input and output types for schema validation

Scope: formAuthors: soybeanjsView commit3b792

v0.10.2

2026-03-06

Compare release

Fix

update label style to prevent text wrapping

Scope: formAuthors: soybeanjsView commit2bbce

v0.10.0

2026-03-06

Compare release

Optimization

simplify inline field styles in formVariants

Scope: formAuthors: soybeanjsView commitbafd3

v0.9.4

2026-03-05

Compare release

Optimization

optimize form variants

Scope: formAuthors: soybeanjsView commit5e736

v0.9.3

2026-03-05

Compare release

Feature

add SFormFieldBase component export

Scope: formAuthors: soybeanjsView commitc0ee8

v0.9.2

2026-03-05

Compare release

Feature

add FormControl component and update form structure

Scope: formAuthors: soybeanjsView commit58c98

v0.0.11

2026-01-08

Compare release

Fix

expand form component exports with additional types for improved type safety and flexibility

Scope: formAuthors: soybeanjsView commit9b8e0

v0.0.10

2026-01-07

Compare release

Feature

add FormResetState type to form component exports for enhanced form state management

Scope: formAuthors: soybeanjsView commit57e07

Refactor

restructure form components

Scope: formAuthors: soybeanjsView commit1af2b

v0.0.2

2025-11-18

Compare release

Feature

implement form utility functions for field name creation and value parsing

Scope: formAuthors: soybeanjsView commit373f1

Feature

extend parsePrimitiveValue and isPrimitive to handle null and undefined values

Scope: formAuthors: soybeanjsView commitb3b52

Feature

implement form utility functions for field name creation and value parsing

Scope: formAuthors: soybeanjsView commit373f1

Feature

extend parsePrimitiveValue and isPrimitive to handle null and undefined values

Scope: formAuthors: soybeanjsView commitb3b52