ویرایشگر مجموعهٔ برچسب (LabelSetEditor)
ساخت و ویرایش برچسبهای یک دستهبندی، با ذخیره و بارگذاری پیشتنظیم.
معرفی
LabelSetEditor مجموعهٔ برچسبهایی را ویرایش میکند که یک دستهبندی با آن اجرا میشود: برای هر برچسب نام، رنگ و توضیح. کل مجموعه را میتوان بهعنوان پیشتنظیم ذخیره کرد. پیشتنظیمها مثل SavedQueryCard نمایش داده میشوند و دکمهٔ «بارگذاری» مجموعه را با onChange جایگزین میکند. رنگها توکنهای DS هستند، نه رنگ دلخواه.
چه زمانی استفاده نکنیم:
- برای تغییر نام یک برچسب روی یک مورد — از
LabelEditDialogاستفاده کنید
پشتیبانی مشتری
3 برچسب
نام برچسب:تأخیر ارسالنام برچسب:درخواست بازگشت وجهنام برچسب:قدردانی
استفاده
import { LabelSetEditor } from '@partodata/ui/label-set-editor'
export function ClassifierLabels() {
const [labels, setLabels] = React.useState([
{ id: 'pos', label: 'مثبت', color: 'success' },
{ id: 'neg', label: 'منفی', color: 'destructive' },
])
return (
<LabelSetEditor
value={labels}
onChange={setLabels}
presets={presets}
onSavePreset={(name, labels) => savePreset({ name, labels })}
/>
)
}Props
LabelSetEditorProps
LabelSetItem
LabelSetPreset
دسترسیپذیری
- هر فیلد برچسب دسترسیپذیر خودش را دارد («نام برچسب»، «رنگ»، …)
- دکمهٔ حذف هر ردیف نام «حذف برچسب» دارد
کامپوننتهای مرتبط
- LabelChip — نمایش یک برچسب
- SavedQueryCard — الگوی کارت پیشتنظیم