{"id":92387,"date":"2017-08-04T16:05:50","date_gmt":"2017-08-04T16:05:50","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=92387"},"modified":"2018-03-27T08:14:51","modified_gmt":"2018-03-27T08:14:51","slug":"design-resource-in-lightning-component-bundle","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/design-resource-in-lightning-component-bundle\/","title":{"rendered":"Design Resource In Lightning Component Bundle"},"content":{"rendered":"<p>In this blog we are going to learn about <strong>Design Resource In Lightning Component Bundle.\u00a0<\/strong><\/p>\n<p>A Lightning component bundle includes following resources:<\/p>\n<ul>\n<li>Component<\/li>\n<li>Controller<\/li>\n<li>Helper<\/li>\n<li>Style<\/li>\n<li>Documentation<\/li>\n<li>Renderer<\/li>\n<li>Design<\/li>\n<li>SVG<\/li>\n<\/ul>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Design Resource<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>1). By using design resource we can expose attribute to <strong>Lightning App Builder.<\/strong><\/p>\n<p>2). Its extension is <strong>.design.<\/strong><\/p>\n<p>3). We use <strong>&lt;design:attribute&gt;<\/strong>\u00a0node to make lightning component attribute available for administrators to edit in Lightning App Builder.<\/p>\n<p>4). \u00a0We use <strong>&lt;sfdc:object&gt;<\/strong> tag to define the restriction of object in lightning component.<\/p>\n<p>5). Supported attribute of type : <strong>String, Boolean, Integer.<\/strong><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Example<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>Let&#8217;s do a simple example of design resource.<\/p>\n<p><strong># Component<\/strong><\/p>\n<pre class=\"brush:xml\">&lt;aura:component implements=\"force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,forceCommunity:availableForAllPageTypes\" access=\"global\" &gt;\r\n\t&lt;!-- \r\n    \/**\r\n    * Webkul Software.\r\n    *\r\n    * @category  Webkul\r\n    * @author    Webkul\r\n    * @copyright Copyright (c) 2010-2016 Webkul Software Private Limited (https:\/\/webkul.com)\r\n    * @license   https:\/\/store.webkul.com\/license.html\r\n    *\/\r\n    --&gt;\r\n    &lt;aura:attribute name = \"Name\" type = \"String\" &gt;&lt;\/aura:attribute&gt; &lt;!-- Define  String Variable --&gt;\r\n    &lt;aura:attribute name = \"Phone\" type = \"String\" &gt;&lt;\/aura:attribute&gt; &lt;!-- Define  Integer Variable --&gt;\r\n    &lt;aura:attribute name = \"Position\" type =\"String\" &gt;&lt;\/aura:attribute&gt; &lt;!-- Define  Picklist Variable --&gt;\r\n   \t&lt;p&gt;\r\n        Name: {!v.Name}\r\n    &lt;\/p&gt;\r\n    &lt;p&gt;\r\n        Number: {!v.Phone}\r\n    &lt;\/p&gt;\r\n    &lt;p&gt;\r\n    \tPosition: {!v.Position}\r\n    &lt;\/p&gt;\r\n&lt;\/aura:component&gt;<\/pre>\n<p><strong># Design<\/strong><\/p>\n<pre class=\"brush:xml\">&lt;design:component &gt;\r\n    &lt;!-- \r\n    \/**\r\n    * Webkul Software.\r\n    *\r\n    * @category  Webkul\r\n    * @author    Webkul\r\n    * @copyright Copyright (c) 2010-2016 Webkul Software Private Limited (https:\/\/webkul.com)\r\n    * @license   https:\/\/store.webkul.com\/license.html\r\n    *\/\r\n    --&gt;\r\n\t&lt;design:attribute name =\"Name\" label=\"Name\"&gt;&lt;\/design:attribute&gt;\r\n    &lt;design:attribute name =\"Phone\" label=\"Phone Number\"&gt;&lt;\/design:attribute&gt;\r\n    &lt;design:attribute name =\"Position\" label=\"Position\" datasource = \"CEO, President, Manager\"&gt;&lt;\/design:attribute&gt;\r\n    \r\n&lt;\/design:component&gt;<\/pre>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Output<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p><strong>#Configuration Page:<\/strong><\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Home-Page-Default-Lightning-App-Builder.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" class=\"alignnone wp-image-92391 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Home-Page-Default-Lightning-App-Builder.jpg\" alt=\"\" width=\"1301\" height=\"678\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Home-Page-Default-Lightning-App-Builder.jpg 1301w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Home-Page-Default-Lightning-App-Builder-250x130.jpg 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Home-Page-Default-Lightning-App-Builder-300x156.jpg 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Home-Page-Default-Lightning-App-Builder-768x400.jpg 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Home-Page-Default-Lightning-App-Builder-1200x625.jpg 1200w\" sizes=\"(max-width: 1301px) 100vw, 1301px\" loading=\"lazy\" \/><\/a><\/p>\n<p><strong>#Home page<\/strong><\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Home-Salesforce.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" class=\"alignnone wp-image-92392 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Home-Salesforce.jpg\" alt=\"\" width=\"1301\" height=\"678\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Home-Salesforce.jpg 1301w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Home-Salesforce-250x130.jpg 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Home-Salesforce-300x156.jpg 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Home-Salesforce-768x400.jpg 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Home-Salesforce-1200x625.jpg 1200w\" sizes=\"(max-width: 1301px) 100vw, 1301px\" loading=\"lazy\" \/><\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<div class=\"panel panel-info\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Support<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<p>That\u2019s all for<strong> Design Resource In Lightning Component Bundle\u00a0<\/strong>, still if you have any further query feel free to add a ticket, we will be happy to help you\u00a0<a href=\"https:\/\/webkul.uvdesk.com\/en\/customer\/create-ticket\/\">https:\/\/webkul.uvdesk.com\/en\/customer\/create-ticket\/<\/a><\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>In this blog we are going to learn about Design Resource In Lightning Component Bundle.\u00a0 A Lightning component bundle includes following resources: Component Controller Helper Style Documentation Renderer Design SVG Design Resource 1). By using design resource we can expose attribute to Lightning App Builder. 2). Its extension is .design. 3). We use &lt;design:attribute&gt;\u00a0node to <a href=\"https:\/\/webkul.com\/blog\/design-resource-in-lightning-component-bundle\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":145,"featured_media":92394,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3418,1887,1],"tags":[5237,5238,5235,3399,5236,1885],"class_list":["post-92387","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to-configure-lightning-experience-record-pages-using-the-lightning-app-builder","category-salesforce","category-uncategorized","tag-configure-community-page","tag-configure-home-page","tag-design-resource","tag-lightning-app-builder","tag-lightning-component-bundle","tag-salesforce"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Design Resource In Lightning Component Bundle<\/title>\n<meta name=\"description\" content=\"In this blog we are going to learn about Design Resource In Lightning Component Bundle. A Lightning component bundle includes following resources: Component\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/design-resource-in-lightning-component-bundle\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Design Resource In Lightning Component Bundle\" \/>\n<meta property=\"og:description\" content=\"In this blog we are going to learn about Design Resource In Lightning Component Bundle. A Lightning component bundle includes following resources: Component\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/design-resource-in-lightning-component-bundle\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2017-08-04T16:05:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-03-27T08:14:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/download-15.png\" \/>\n\t<meta property=\"og:image:width\" content=\"825\" \/>\n\t<meta property=\"og:image:height\" content=\"260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Snehil Jaiswal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Snehil Jaiswal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/design-resource-in-lightning-component-bundle\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/design-resource-in-lightning-component-bundle\/\"},\"author\":{\"name\":\"Snehil Jaiswal\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/e7e387ae1eb38a5dd56c53c2daf848d1\"},\"headline\":\"Design Resource In Lightning Component Bundle\",\"datePublished\":\"2017-08-04T16:05:50+00:00\",\"dateModified\":\"2018-03-27T08:14:51+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/design-resource-in-lightning-component-bundle\/\"},\"wordCount\":153,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/design-resource-in-lightning-component-bundle\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/download-15.png\",\"keywords\":[\"Configure Community page\",\"Configure Home Page\",\"Design Resource\",\"Lightning App Builder\",\"Lightning Component Bundle\",\"Salesforce\"],\"articleSection\":[\"How To Configure Lightning Experience Record Pages Using the Lightning App Builder\",\"Salesforce\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/design-resource-in-lightning-component-bundle\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/design-resource-in-lightning-component-bundle\/\",\"url\":\"https:\/\/webkul.com\/blog\/design-resource-in-lightning-component-bundle\/\",\"name\":\"Design Resource In Lightning Component Bundle\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/design-resource-in-lightning-component-bundle\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/design-resource-in-lightning-component-bundle\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/download-15.png\",\"datePublished\":\"2017-08-04T16:05:50+00:00\",\"dateModified\":\"2018-03-27T08:14:51+00:00\",\"description\":\"In this blog we are going to learn about Design Resource In Lightning Component Bundle. A Lightning component bundle includes following resources: Component\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/design-resource-in-lightning-component-bundle\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/design-resource-in-lightning-component-bundle\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/design-resource-in-lightning-component-bundle\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/download-15.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/download-15.png\",\"width\":825,\"height\":260},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/design-resource-in-lightning-component-bundle\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Design Resource In Lightning Component Bundle\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/e7e387ae1eb38a5dd56c53c2daf848d1\",\"name\":\"Snehil Jaiswal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4bca6424a95aaafa9ab0ddc940099d65d20ab159fbcec826869a62578336590d?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/4bca6424a95aaafa9ab0ddc940099d65d20ab159fbcec826869a62578336590d?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Snehil Jaiswal\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/snehil-jaiswal901\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Design Resource In Lightning Component Bundle","description":"In this blog we are going to learn about Design Resource In Lightning Component Bundle. A Lightning component bundle includes following resources: Component","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/design-resource-in-lightning-component-bundle\/","og_locale":"en_US","og_type":"article","og_title":"Design Resource In Lightning Component Bundle","og_description":"In this blog we are going to learn about Design Resource In Lightning Component Bundle. A Lightning component bundle includes following resources: Component","og_url":"https:\/\/webkul.com\/blog\/design-resource-in-lightning-component-bundle\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2017-08-04T16:05:50+00:00","article_modified_time":"2018-03-27T08:14:51+00:00","og_image":[{"width":825,"height":260,"url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/download-15.png","type":"image\/png"}],"author":"Snehil Jaiswal","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Snehil Jaiswal","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/design-resource-in-lightning-component-bundle\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/design-resource-in-lightning-component-bundle\/"},"author":{"name":"Snehil Jaiswal","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/e7e387ae1eb38a5dd56c53c2daf848d1"},"headline":"Design Resource In Lightning Component Bundle","datePublished":"2017-08-04T16:05:50+00:00","dateModified":"2018-03-27T08:14:51+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/design-resource-in-lightning-component-bundle\/"},"wordCount":153,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/design-resource-in-lightning-component-bundle\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/download-15.png","keywords":["Configure Community page","Configure Home Page","Design Resource","Lightning App Builder","Lightning Component Bundle","Salesforce"],"articleSection":["How To Configure Lightning Experience Record Pages Using the Lightning App Builder","Salesforce"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/design-resource-in-lightning-component-bundle\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/design-resource-in-lightning-component-bundle\/","url":"https:\/\/webkul.com\/blog\/design-resource-in-lightning-component-bundle\/","name":"Design Resource In Lightning Component Bundle","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/design-resource-in-lightning-component-bundle\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/design-resource-in-lightning-component-bundle\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/download-15.png","datePublished":"2017-08-04T16:05:50+00:00","dateModified":"2018-03-27T08:14:51+00:00","description":"In this blog we are going to learn about Design Resource In Lightning Component Bundle. A Lightning component bundle includes following resources: Component","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/design-resource-in-lightning-component-bundle\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/design-resource-in-lightning-component-bundle\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/design-resource-in-lightning-component-bundle\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/download-15.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/download-15.png","width":825,"height":260},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/design-resource-in-lightning-component-bundle\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Design Resource In Lightning Component Bundle"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/e7e387ae1eb38a5dd56c53c2daf848d1","name":"Snehil Jaiswal","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4bca6424a95aaafa9ab0ddc940099d65d20ab159fbcec826869a62578336590d?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4bca6424a95aaafa9ab0ddc940099d65d20ab159fbcec826869a62578336590d?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Snehil Jaiswal"},"url":"https:\/\/webkul.com\/blog\/author\/snehil-jaiswal901\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/92387","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/145"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=92387"}],"version-history":[{"count":3,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/92387\/revisions"}],"predecessor-version":[{"id":118041,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/92387\/revisions\/118041"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media\/92394"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=92387"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=92387"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=92387"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}