Easy App — ชุดตั้งต้น + สนามทดลองธีม
หน้านี้คือ component gallery สำหรับตรวจสกิน (default / cafe / retro / minimal) และโหมดสว่าง/มืด — The setup showcase to verify skins and light/dark. ยังไม่มีฟีเจอร์ธุรกิจ เจ้าของยังไม่ตัดสินใจว่าตัวแอปจะทำอะไร
skin: default / mode: light
Theme — ธีมปัจจุบัน
จานสีโทเค็น
swatch ทุกช่องใช้ utility ที่ map กับ token — Token palette
brand-50 … brand-900
accent
status
surfaces
Buttons — ปุ่ม
Badges — ป้าย
Alerts — กล่องแจ้งเตือน
ข้อมูล
ข้อความให้ข้อมูลทั่วไป — informational message
สำเร็จ
บันทึกข้อมูลเรียบร้อย — saved successfully
คำเตือน
โปรดตรวจสอบก่อนดำเนินการต่อ — please double-check
เกิดข้อผิดพลาด
ไม่สามารถบันทึกได้ — something went wrong
Card + Form — การ์ดและฟอร์ม
ฟอร์มตัวอย่าง
input ทุกชนิดบน token เดียวกัน — Sample form on shared tokens
การ์ดตัวอย่าง
โครง Card มาตรฐาน — standard card layout
เนื้อหาการ์ดอยู่ตรงนี้ ตรวจพื้นหลัง เส้นขอบ และตัวอักษรทุกสกิน
Tabs — แท็บ
Progress — แถบความคืบหน้า
Avatars — อวาตาร
Skeleton + Separator
เส้นคั่นด้านบนคือ Separator
EmptyState — หน้าว่าง
ยังไม่มีข้อมูล
เริ่มต้นด้วยการเพิ่มรายการแรกของคุณ — start by adding your first item
Typography — ตัวอักษร
หัวข้อใหญ่ H1 — retro ใช้ serif
หัวข้อรอง H2 — second level
หัวข้อย่อย H3 — third level
ข้อความเนื้อความใช้ฟอนต์ body ทุกสกิน — body text uses the body face.
Data layer (hexagonal) demo
Example repository
อ่านผ่าน port ด้วย getExampleRepository() — in-memory placeholder adapter
- First example
- Second example
- Third example