전체 카탈로그
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.

공식 문서 열기
live previewData Input

Preview

Saved successfully
Review before publishing

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.