Heading

Type: "heading"

Props

Field	Type	Required	Default	Keterangan
text	string (max 300)	✓	"Heading Baru"	Teks heading (mode plain)
level	'h1'|'h2'|'h3'|'h4'|'h5'|'h6'	✓	"h2"	Level heading HTML
alignment	'left'|'center'|'right'	✓	"left"	Text alignment
link	string (URL, max 2000)	—	—	Bungkus heading dengan <a>
mode	'plain'|'rich'	—	"plain"	Plain text atau rich HTML
richText	string (HTML, max 10000)	—	—	HTML kalau mode = "rich"

Contoh: H1 plain center

{
  "id": "h001abcd",
  "type": "heading",
  "props": {
    "text": "Bangun Website Tanpa Coding",
    "level": "h1",
    "alignment": "center"
  }
}

Contoh: H2 dengan link

{
  "id": "h002efgh",
  "type": "heading",
  "props": {
    "text": "Baca Blog Kami",
    "level": "h2",
    "alignment": "left",
    "link": "/blog"
  }
}

Contoh: Rich heading dengan bold + warna

{
  "id": "h003ijkl",
  "type": "heading",
  "props": {
    "text": "Heading Baru",
    "level": "h2",
    "alignment": "left",
    "mode": "rich",
    "richText": "<strong>Diskon</strong> <span style=\"color:#dc2626\">50%</span> minggu ini!"
  }
}

Contoh: Style responsif

{
  "id": "h004mnop",
  "type": "heading",
  "props": { "text": "Tagline", "level": "h1", "alignment": "center" },
  "style": {
    "desktop": { "typography": { "fontSize": "64px", "fontWeight": "800" } },
    "tablet":  { "typography": { "fontSize": "48px" } },
    "mobile":  { "typography": { "fontSize": "32px" } }
  }
}