Selector

Import

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

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

When to use

A dropdown selector for choosing a single value from a list of options. Supports labels, validation, descriptions, and required/optional states. Use it in forms and settings whe...

Important props

Theming targets

Best practices

• DoProvide a visible label so users understand what they are selecting.
• DoUse sections and dividers to organize options when the list exceeds ~8 items.
• DoUse renderOption for custom option rows. Do not pass SelectorOption directly as JSX children.
• DoSet a meaningful placeholder that hints at the expected selection (e.g. "Choose a country" not "Select...").