data-entry & forms

22 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

Input field styling

Input field is 32 px tall to match buttons. It has white background (#FFFFFF), dark text (#1F1F1F), subtle 1 px outline border, 6 px radius, and 4px 11px padding. Focus state thickens the border to primary (#1677FF) and adds an inset glow. Placeholder text uses on-surface-disabled (#BFBFBF).

Select field styling

Select field is visually identical to input field. The trigger reads as an input until interacted with. It is 32 px tall with white background, dark text, 6 px radius, and 0 11px padding.

Form excludes unregistered field values from Form.List

Form now excludes unregistered field values from `Form.List` when getting form values.

Form.Item help={false} suppresses validation messages

Form.Item validation messages can be suppressed by setting `help={false}`, as fixed in version 6.5.1.

Form labelAlign prop in ConfigProvider

Form supports `labelAlign` prop added in version 6.4.0 in ConfigProvider for global label alignment control.

Form.List loses sibling field values with onValuesChange

Form.List has a bug where sibling field values are lost when using the onValuesChange callback. This was fixed in version 6.3.4 with PR #57399.

Form required mark uses system font instead of hardcoded SimSun

Form's required mark should use the system font family instead of hardcoded SimSun. This was fixed in version 6.3.3 with PR #57273.

Upload classNames.trigger and styles.trigger props

Upload component supports classNames.trigger and styles.trigger props for semantic customization. This was added in version 6.3.0 with PR #56578.

Upload.Dragger onDoubleClick event

Upload.Dragger supports onDoubleClick event. This was added in version 6.3.0 with PR #56579.

Switch indicator customization for semantic structure

Switch supports indicator customization for semantic structure. This was added in version 6.3.0 with PR #56710.

Checkbox.Group role configuration

Checkbox.Group supports role configuration. This was added in version 6.2.0 with PR #56126.

Form tel type validation support

Form supports tel type validation. This was added in version 6.2.0 with PR #56533.

Select multi-field search functionality in optionFilterProp

Select adds multi-field search functionality to optionFilterProp. This was added in version 6.1.0 with PR #56057.

Form defaultValidateMessages for 8 languages

Form adds `defaultValidateMessages` configuration for 8 languages added in version 6.4.0.

Form useWatch dynamic name path

Form `useWatch` hook now supports dynamic name path patterns.

Form help extra semantic DOM support

Version 6.4.0 added `help`, `helpItem` and `extra` semantic DOM support to Form for custom styling.

Form labelAlign global configuration in ConfigProvider

Version 6.4.0 added support for configuring Form `labelAlign` property globally through ConfigProvider.

ConfigProvider form labelWrap global configuration

Version 6.5.0 added global configuration support for form `labelWrap` in ConfigProvider.

Form supports tel type validation

Form component now supports `tel` as a validation type for phone number fields.

Form useWatch supports dynamic field name changes

Form's `useWatch` hook now supports dynamically changing the monitored field names.

Form excludes unregistered fields from Form.List in values

Form's `getFieldsValue()` now excludes unregistered field values within Form.List to improve data consistency.

Form validation errors - form validation behavior standard

Ant Design Form component follows standard validation error handling where validation errors are displayed for Form.Item fields based on validation rules and form state.

Give your agent this brain