Tokenizer

Import

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

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

When to use

Tokenizer is a multi-select input that lets users search, select, and manage multiple items displayed as removable chips. Use it when users need to build a set of selections fro...

Important props

Theming targets

Best practices

• DoWrite a placeholder that tells users what they can search for, such as "Search people..." or "Add tags...", so the input is not a blank mystery.
• DoSet maxEntries when the number of selections should be bounded, like limiting a review to 5 approvers.
• DoUse hasCreate for free-form tagging where users need to enter values that do not exist in the search source.
• DoShow validation status with the status prop so users know immediately when a selection is missing or invalid.