Social Icons

Type: "socialIcons"

Social media icon links.

Props

Field	Type	Default	Keterangan
items	Array<object>	[{"id":"si-1","platform":"instagram","url":"https://instagram.com"},{"id":"si-2","platform":"facebook","url":"https://facebook.com"}]	Sosial Media
items[].platform	'instagram'|'facebook'|'tiktok'|'youtube'|'whatsapp'|'telegram'|'twitter'|'linkedin'|'github'|'custom'	—	Platform
items[].url	string (URL)	—	URL
items[].customLabel	string	—	Label Custom (opsional)
items[].customIcon	string (icon name)	—	Icon Custom (opsional)
size	'sm'|'md'|'lg'	"md"	Ukuran
variant	'plain'|'outline'|'filled'|'soft'	"soft"	Variant
alignment	enum	"center"	Perataan
showLabels	boolean	false	Tampilkan Label
color	CSS color	"#111111"	Warna
gap	'sm'|'md'|'lg'	"md"	Jarak

Contoh

{
  "id": "soc01abc",
  "type": "socialIcons",
  "props": {
    "items": [
      {
        "id": "si-1",
        "platform": "instagram",
        "url": "https://instagram.com"
      },
      {
        "id": "si-2",
        "platform": "facebook",
        "url": "https://facebook.com"
      }
    ],
    "size": "md",
    "variant": "soft",
    "alignment": "center",
    "showLabels": false,
    "color": "#111111",
    "gap": "md"
  }
}