Shadcn Components

Quan ERP တွင် Shadcn အသုံးပြုပုံ

Quan ERP ၏ design system သည် Shadcn ပေါ်တွင် တည်ဆောက်ထားပါသည်။ Plugin UI အတွက် source of truth မှာ @quan-erp/shared-ui ဖြစ်ပြီး၊ စံ primitives များကို platform theming နှင့် ERP အကူအညီများနှင့်အတူ re-export လုပ်ပေးပါသည်။

• Component များကို အမြဲ @quan-erp/shared-ui မှသာ import လုပ်ရပါသည်
• Plugin ထဲတွင် shadcn CLI ကို မသုံးရပါ၊ components.json ကိုလည်း မထည့်ရပါ
• radix သို့မဟုတ် shadcn package များကို plugin တွင် တိုက်ရိုက် မထည့်သွင်းရပါ
• API နှင့် variants အတွက် စာမျက်နှာတစ်ခုချင်းရှိ တရားဝင် Shadcn docs link ကို ကြည့်ရပါသည်

ဤ docs ရှိ catalog

UI Components အောက်ရှိ ဆက်စပ်စာမျက်နှာများတွင် အခြေခံ primitive တိုင်းကို ဖော်ပြထားပါသည်။ Component တစ်ခုချင်းတွင် shared-ui import နှင့် သက်ဆိုင်ရာ Shadcn docs link ပါဝင်ပါသည်။

• Shadcn Form & Input — Button, Input, Select, Checkbox, Switch, Label, Form စသည်
• Shadcn Layout & Navigation — Accordion, Tabs, Breadcrumb, Sidebar, Separator စသည်
• Shadcn Overlays & Dialogs — Dialog, Sheet, Drawer, Popover, Dropdown Menu စသည်
• Shadcn Feedback & Status — Alert, Badge, Skeleton, Progress, Toast / Sonner စသည်
• Shadcn Display & Media — Card, Table, Avatar, Item, Chart, Carousel စသည်
• Shadcn Misc — Collapsible, Toggle, Pagination, Direction စသည်

ERP-specific docs

အချို့ primitives တွင် Quan ERP wrapper သို့မဟုတ် အသုံးပြုပုံ pattern ကို သီးခြား စာမျက်နှာတွင် ဖော်ပြထားပါသည်။

• Forms — Form + Zod stack အပြည့် (bare Field / register ထက် ဦးစားပေးရပါသည်)
• Responsive Dialog — Dialog / Drawer / Sheet adaptive ပုံစံ
• Calendar — raw / popover / drawer / automatic variants
• cn — Tailwind composition အတွက် className အကူအညီ

Import ပုံစံ