ویرایشگر مجموعهٔ برچسب (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

Prop

Type

LabelSetItem

Prop

Type

LabelSetPreset

Prop

Type

دسترسی‌پذیری

  • هر فیلد برچسب دسترسی‌پذیر خودش را دارد («نام برچسب»، «رنگ»، …)
  • دکمهٔ حذف هر ردیف نام «حذف برچسب» دارد

کامپوننت‌های مرتبط