/
kaws
/
ui-kit-ce
Обзор
Документация
Войти
/
kaws
/
ui-kit-ce
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
develop
packages/tag/examples/BasicTagInput.tsx
41 строка
907 B
Строганов Федор Юрьевич
docs: доработана документация Storybook
04 мар 2025, 16:28
04 мар 2025, 16:28
28abce0
Код
Авторство
О чём код?
import * as React from 'react' import { TagInput, Tag } from '@v-uik/base' export const BasicTagInput = (): React.ReactElement => { const [text, setText] = React.useState<string>('') const [tags, setTags] = React.useState<string[]>(['Tag']) const handleTagChange = (event: React.ChangeEvent<HTMLInputElement>) => { setText(event.target.value) } const handleTagSubmit = (value: string) => { setTags([...tags, value]) setText('') } return ( <div style={{ display: 'flex', flexWrap: 'wrap', justifyContent: 'flex-start', gap: 16, }} > <TagInput value={text} placeholder="Tag" onChange={handleTagChange} onSubmit={handleTagSubmit} > Add </TagInput> {tags.map((item) => ( <Tag key={item}>{item}</Tag> ))} </div> ) } export default BasicTagInput