အနှစ်ချုပ်
IconParkMenuTabIcon နှင့် MenuTab ကို အမြဲ @quan-erp/shared-ui မှသာ import လုပ်ရပါသည်။ Raw IconPark component များကို menu config ထဲ တိုက်ရိုက် မထည့်ရပါ — wrapper က sizing၊ outline theme နှင့် data-plugin tracking ကို သတ်မှတ်ပေးပါသည်။
- icon — IconPark component (Home, SettingTwo စသည်)
- pluginName — အများအားဖြင့် metadata.name ဖြစ်ပါသည်
- Localized label များအတွက် MenuTab အတွင်း အသုံးပြုရပါသည်
အသုံးပြုပုံ
အင်္ဂလိပ် code block ကို လိုက်နာအသုံးပြုရပါသည်။
TSXmenu.add
1import { IconParkMenuTabIcon, MenuTab } from "@quan-erp/shared-ui";
2import { SettingTwo, Bookmark } from "@icon-park/react";
3import metadata from "../../module.metadata.json" with { type: "json" };
4import { Locale } from "./locale.export";
5
6AppRegistry.menu.add({
7 name: (
8 <MenuTab
9 pluginName={metadata.name}
10 icon={
11 <IconParkMenuTabIcon
12 pluginName={metadata.name}
13 icon={SettingTwo}
14 />
15 }
16 labelKey="settings-tab"
17 fallbackLabel="Settings"
18 locale={Locale}
19 />
20 ),
21 pluginName: metadata.name,
22 children: [
23 {
24 name: (
25 <MenuTab
26 pluginName={metadata.name}
27 icon={
28 <IconParkMenuTabIcon
29 pluginName={metadata.name}
30 icon={Bookmark}
31 />
32 }
33 labelKey="sub-item"
34 fallbackLabel="Sub Item"
35 locale={Locale}
36 />
37 ),
38 path: `/${metadata.name}/sub-route`,
39 requiredApis: [
40 { url: `/${metadata.name}/endpoints/`, method: "GET" },
41 ],
42 },
43 ],
44});