mockups/components/status-banner/component.json

{
  "id": "status-banner",
  "name": "สถานะ",
  "description": "รอ/ผิดพลาด/สำเร็จพร้อมทางดำเนินการ",
  "status": "draft",
  "token_refs": [
    "colors.navy",
    "colors.ink",
    "spacing"
  ],
  "props": {
    "label": "ข้อความภาษาไทย",
    "state": "default | loading | empty | error | pending | success"
  },
  "accessibility": [
    "มี label ที่อ่านได้",
    "ไม่ใช้สีอย่างเดียวสื่อสถานะ",
    "ตรวจ contrast และ keyboard ตอนพัฒนา"
  ],
  "preview": "mockups/components/status-banner/preview.svg"
}