Wrapping row of tinted tags in five tones, each optionally removable.
The import and the props worth knowing about, in one place.
import { Badge1 } from "@/components/beste/piece/badge1";
<Badge1
tags={[
{
"label": "design",
"tone": "primary"
},
{
"label": "shipped",
"tone": "success"
},
{
"label": "needs review",
"tone": "warning"
},
{
"label": "archived",
"tone": "muted"
}
]}
/>