Data InputField4 props
Field Status
FieldStatus renders validation feedback for fields and field-like controls. Use it directly for custom controls that need the same error, warning, or success presentation as Field.
공식 문서 열기Preview
Saved successfully
Review before publishing
A required field is missing
Import
import {FieldStatus} from '@astryxdesign/core/FieldStatus';Astryx 문서 권장 방식대로 root barrel이 아니라 컴포넌트 subpath에서 가져옵니다.
When to use
FieldStatus renders validation feedback for fields and field-like controls. Use it directly for custom controls that need the same error, warning, or success presentation as Field.
Important props
typeerror | warning | successrequired
variantattached | detachedoptional
Theming targets
astryx-field-status
Best practices
- DoUse attached status below bordered inputs when the message belongs to that input.
- DoUse detached status for controls like checkboxes, switches, and custom controls where overlap would be visually awkward.
- Do notUse FieldStatus for general alerts or page-level notices; use Banner or Toast instead.