Field

Import

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

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

When to use

Field is a low-level wrapper for custom, native, or third-party controls that do not already provide field label, description, and status UI. Use it when you need the Field shel...

Important props

Theming targets

Best practices

• DoWrap custom controls, native inputs, or third-party widgets that need labeling, helper text, optional/required indicators, or validation status.
• DoAlways provide a label for accessibility, even if visually hidden with isLabelHidden.
• DoUse inputID and descriptionID to connect the label and description to the inner control with htmlFor and aria-describedby.
• Do notNest Field around styled inputs such as TextInput, Typeahead, Select, DateInput, or TextArea; those components already render their own Field shell.