| 1 |
{ |
| 2 |
"$schema": "https://schemas.wp.org/trunk/block.json", |
| 3 |
"apiVersion": 3, |
| 4 |
"name": "ghostkit/icon", |
| 5 |
"category": "ghostkit", |
| 6 |
"title": "Icon", |
| 7 |
"description": "Insert SVG icons", |
| 8 |
"keywords": ["icon", "picker", "svg"], |
| 9 |
"attributes": { |
| 10 |
"icon": { |
| 11 |
"type": "string", |
| 12 |
"default": "%3Csvg%20class%3D%22ghostkit-svg-icon%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16.5965%2015.3206C17.0994%2014.6244%2017.4472%2013.8088%2017.5894%2012.9245H21C20.8198%2014.7391%2020.102%2016.3955%2019.0082%2017.7322L16.5965%2015.3206Z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M15.3206%2016.5965C14.6244%2017.0994%2013.8088%2017.4472%2012.9245%2017.5894V21C14.7391%2020.8198%2016.3955%2020.102%2017.7322%2019.0082L15.3206%2016.5965Z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M12.0223%206.38335C14.8295%206.38335%2017.1576%208.43463%2017.5894%2011.12H21C20.5473%206.5608%2016.7006%203%2012.0223%203C7.03941%203%203%207.03941%203%2012.0223C3%2016.7006%206.5608%2020.5473%2011.12%2021V17.5894C8.43463%2017.1576%206.38335%2014.8295%206.38335%2012.0223C6.38335%208.90798%208.90798%206.38335%2012.0223%206.38335Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E" |
| 13 |
}, |
| 14 |
"width": { |
| 15 |
"type": "string", |
| 16 |
"default": "50px" |
| 17 |
}, |
| 18 |
"justify": { |
| 19 |
"type": "string", |
| 20 |
"default": "center" |
| 21 |
}, |
| 22 |
"flipH": { |
| 23 |
"type": "boolean" |
| 24 |
}, |
| 25 |
"flipV": { |
| 26 |
"type": "boolean" |
| 27 |
}, |
| 28 |
|
| 29 |
"color": { |
| 30 |
"type": "string" |
| 31 |
}, |
| 32 |
"backgroundColor": { |
| 33 |
"type": "string" |
| 34 |
}, |
| 35 |
"backgroundGradient": { |
| 36 |
"type": "string" |
| 37 |
}, |
| 38 |
|
| 39 |
"url": { |
| 40 |
"type": "string" |
| 41 |
}, |
| 42 |
"rel": { |
| 43 |
"type": "string" |
| 44 |
}, |
| 45 |
"target": { |
| 46 |
"type": "string" |
| 47 |
}, |
| 48 |
"ariaLabel": { |
| 49 |
"type": "string" |
| 50 |
} |
| 51 |
}, |
| 52 |
"supports": { |
| 53 |
"ghostkit": { |
| 54 |
"styles": { |
| 55 |
"customSelector": "& .ghostkit-icon-inner" |
| 56 |
} |
| 57 |
}, |
| 58 |
"html": false, |
| 59 |
"className": false, |
| 60 |
"anchor": true, |
| 61 |
"align": ["wide", "full", "left", "center", "right"] |
| 62 |
} |
| 63 |
} |
| 64 |
|
