{"id":33942,"date":"2019-03-04T09:17:15","date_gmt":"2019-03-04T09:17:15","guid":{"rendered":"http:\/\/getshortcodes.com\/?post_type=docs&#038;p=33942"},"modified":"2020-10-21T11:56:13","modified_gmt":"2020-10-21T11:56:13","slug":"list","status":"publish","type":"docs","link":"https:\/\/getshortcodes.com\/docs\/list\/","title":{"rendered":"List"},"content":{"rendered":"<div class=\"block-demo block-demo-default\">\n\t<div class=\"block-demo-viewport\">\n\t\t<div class=\"su-list\" style=\"margin-left:0px\">\n<ul>\n<li><i class=\"sui sui-star\" style=\"color:#ffde0f\"><\/i> List item<\/li>\n<li><i class=\"sui sui-star\" style=\"color:#ffde0f\"><\/i> List item<\/li>\n<li><i class=\"sui sui-star\" style=\"color:#ffde0f\"><\/i> List item<\/li>\n<\/ul>\n<\/div>\n\t<\/div>\n\t<div class=\"block-demo-source\">\n\t\t<pre contenteditable=\"true\"><div class=\"su-list\" style=\"margin-left:0px\">\n&lt;ul&gt;\n \t&lt;li&gt;List item&lt;\/li&gt;\n \t&lt;li&gt;List item&lt;\/li&gt;\n \t&lt;li&gt;List item&lt;\/li&gt;\n&lt;\/ul&gt;\n<\/div><\/pre>\n\t<\/div>\n<\/div>\n\n\n<div class=\"block-demo block-demo-default\">\n\t<div class=\"block-demo-viewport\">\n\t\t<div class=\"su-list\" style=\"margin-left:0px\">\n<ul>\n<li><i class=\"sui sui-heart\" style=\"color:#ff270f\"><\/i> List item<\/li>\n<li><i class=\"sui sui-heart\" style=\"color:#ff270f\"><\/i> List item<\/li>\n<li><i class=\"sui sui-heart\" style=\"color:#ff270f\"><\/i> List item<\/li>\n<\/ul>\n<\/div>\n\t<\/div>\n\t<div class=\"block-demo-source\">\n\t\t<pre contenteditable=\"true\"><div class=\"su-list\" style=\"margin-left:0px\">\n&lt;ul&gt;\n \t&lt;li&gt;List item&lt;\/li&gt;\n \t&lt;li&gt;List item&lt;\/li&gt;\n \t&lt;li&gt;List item&lt;\/li&gt;\n&lt;\/ul&gt;\n<\/div><\/pre>\n\t<\/div>\n<\/div>\n\n\n<div class=\"block-demo block-demo-default\">\n\t<div class=\"block-demo-viewport\">\n\t\t<div class=\"su-row\">\n<div class=\"su-column su-column-size-1-2\">\n<div class=\"su-column-inner su-u-clearfix su-u-trim\">\n<strong>PROs<\/strong><\/p>\n<div class=\"su-list\" style=\"margin-left:0px\">\n<ul>\n<li><i class=\"sui sui-check\" style=\"color:#37ff6d\"><\/i> List item<\/li>\n<li><i class=\"sui sui-check\" style=\"color:#37ff6d\"><\/i> List item<\/li>\n<li><i class=\"sui sui-check\" style=\"color:#37ff6d\"><\/i> List item<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"su-column su-column-size-1-2\">\n<div class=\"su-column-inner su-u-clearfix su-u-trim\">\n<strong>CONs<\/strong><\/p>\n<div class=\"su-list\" style=\"margin-left:0px\">\n<ul>\n<li><i class=\"sui sui-times\" style=\"color:#ff373c\"><\/i> List item<\/li>\n<li><i class=\"sui sui-times\" style=\"color:#ff373c\"><\/i> List item<\/li>\n<li><i class=\"sui sui-times\" style=\"color:#ff373c\"><\/i> List item<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\t<\/div>\n\t<div class=\"block-demo-source\">\n\t\t<pre contenteditable=\"true\"><div class=\"su-row\">\n<div class=\"su-column su-column-size-&quot;1-2&quot;\"><div class=\"su-column-inner su-u-clearfix su-u-trim\">\n&lt;strong&gt;PROs&lt;\/strong&gt;\n<div class=\"su-list\" style=\"margin-left:0px\">\n&lt;ul&gt;\n \t&lt;li&gt;List item&lt;\/li&gt;\n \t&lt;li&gt;List item&lt;\/li&gt;\n \t&lt;li&gt;List item&lt;\/li&gt;\n&lt;\/ul&gt;\n<\/div>\n<\/div><\/div>\n<div class=\"su-column su-column-size-&quot;1-2&quot;\"><div class=\"su-column-inner su-u-clearfix su-u-trim\">\n&lt;strong&gt;CONs&lt;\/strong&gt;\n<div class=\"su-list\" style=\"margin-left:0px\">\n&lt;ul&gt;\n \t&lt;li&gt;List item&lt;\/li&gt;\n \t&lt;li&gt;List item&lt;\/li&gt;\n \t&lt;li&gt;List item&lt;\/li&gt;\n&lt;\/ul&gt;\n<\/div>\n<\/div><\/div>\n<\/div><\/pre>\n\t<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"description\">Description<\/h2>\n\n\n\n<p>This shortcode allows you to create beautiful lists with custom icons.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"options\">Options<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><th>Option name<\/th><th>Possible values<\/th><th>Default value<\/th><\/tr><tr><td><strong>icon<\/strong><br><small>You can upload custom icon for this list or pick a built-in icon<\/small><\/td><td>Fork Awesome icon name (with &#8220;icon:&#8221; prefix) or image URL. Examples: <em>icon: star<\/em>, <em>http:\/\/example.com\/icon.png<\/em>. <a href=\"https:\/\/forkaweso.me\/Fork-Awesome\/icons\/\" target=\"_blank\" rel=\"noopener noreferrer\">See available Fork Awesome icons<\/a>.<\/td><td><em>\u2013 none \u2013<\/em><\/td><\/tr><tr><td><strong>icon_color<\/strong><br><small>This color will be applied to the selected icon. Does not works with uploaded icons<\/small><\/td><td>#HEX color<\/td><td>#333333<\/td><\/tr><tr><td><strong>indent<\/strong><br><small>Defines list indent size (in pixels). Negative numbers are also allowed<\/small><\/td><td>Number from -100 to 100<\/td><td>0<\/td><\/tr><tr><td><strong>class<\/strong><br><small>Additional CSS class name(s) separated by space(s)<\/small><\/td><td>CSS class name(s) separated by space(s)<\/td><td><em>\u2013 none \u2013<\/em><\/td><\/tr><\/tbody><\/table><\/figure>\n","protected":false},"featured_media":36652,"template":"","docs_category":[21],"class_list":["post-33942","docs","type-docs","status-publish","has-post-thumbnail","hentry","docs_category-shortcodes"],"_links":{"self":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs\/33942","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/types\/docs"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/media\/36652"}],"wp:attachment":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/media?parent=33942"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs_category?post=33942"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}