Message input that highlights @-mentions in sky and #channel tags in violet amid plain body text.
The import and the props worth knowing about, in one place.
import { Input27 } from "@/components/beste/piece/input27";
<Input27
label="Thread"
tokens={[
{
"text": "Can we ping "
},
{
"text": "mira",
"type": "at"
},
{
"text": " about the "
},
{
"text": "launch-prep",
"type": "hash"
},
{
"text": " agenda?"
}
]}
bordered={false}
/>