I guess it's called Badge? [See here](https://www.google.com/search?sca_esv=cb67a1539fa9fe2a&sca_upv=1&rlz=1C1CHBF_deDE1109DE1109&sxsrf=ADLYWIIyV6EdZaDAMcgOhxH7UVaMYjsgfw%3A1720869177139&q=badge+css&udm=2&fbs=AEQNm0A6bwEop21ehxKWq5cj-cHa02QUie7apaStVTrDAEoT1A_pRBhSGXWPGL0_xk71SHEfA_FbknY8OGADbiEfVLzwpvlT2_kVdbPe535wnKDhGJFz52jq_9lipmWvD_XN_uRigv9N6kukZMbZxG1Jl_KFAwaxzSXjFwiSnkKKSnRnAXzfsFI&sa=X&biw=1680&bih=915&dpr=1)

No i mean like

When you type something in the input and press enter

it shows the answer you put

like those hashtags stuff on tiktok

uhm a form? 🤔

yk those hashtags on tiktok

like an input?

when you type hashtags

like this

you type smth in the input

and press enter

and it shows the hashtag on the left

yea, that's a badge. That's data, that is rendered as badge with a cross

I don't want to play guess the word with you. Please clarify your question, so others will be able to help you

ohh alr

Is your issue already solved like that?

I mean im tryna find

the thing

called badge

can you send link to it

i cant really find it

Most theming libraries already include it:
https://mui.com/material-ui/react-badge/
https://ui.shadcn.com/docs/components/badge
https://getbootstrap.com/docs/4.0/components/badge/

^ its literally just a list being rendered with badges that have a remove action

yea but thats not what im talking about

not sure how to explain it in the way im saying

but its fine

You're trying to say how to make it auto create that tag when you press a "," or something?

That can be done by basic JavaScript

If that's what you really searching, that take this function:

    const checkKeywordAndAdd = (e: ChangeEvent<HTMLInputElement>) => {
        const value = e.target.value;
        if (value.includes(",") && value.length > 1) {
            const keywords = value.split(",");
            let oldKeywordsWithNew = seoData?.keywords || [];
            keywords.forEach(keyword => keyword !== "" && oldKeywordsWithNew.push(keyword));
            handleChange("keywords", oldKeywordsWithNew, setSeoData)
            e.target.value = "";
        }
    }

It's really just updating an array of data

You mean a Tag Input?

[Check this out](https://emblor.jaleelbennett.com/introduction)

Yes

Thanks