PEA design system
Web Design System Preview
Foundation layer for PEA colors, typography, and reusable shadcn/Radix components used by apps/web.
Primary
--pea-color-primary
Secondary
--pea-color-secondary
Success
--pea-color-success
Warning
--pea-color-warning
Error
--pea-color-error
Surface
--pea-color-bg-surface
Typography
Use `.pea-typescale-*` classes instead of inline font sizing.
Displayระบบบริหารจัดการข้อมูลผู้ปฏิบัติงาน
Titleหน้าเข้าสู่ระบบ
Bodyใช้สำหรับข้อความเนื้อหา รายละเอียด และคำอธิบายทั่วไป
Labelอีเมล / ชื่อผู้ใช้
AUTH Form Baseline
Minimum 44px controls, Thai labels, and recoverable error states.
Button States
Primary path, secondary path, and status actions.
Feedback
Use toast for recoverable errors and alert for inline context.
พร้อมใช้งาน
Component ใช้ token จาก PEA foundation layer แล้ว
เข้าสู่ระบบไม่สำเร็จ
ชื่อผู้ใช้หรือรหัสผ่านไม่ถูกต้อง