Section
Tabbed content
0 个模板实例，13 个 section 配置，1 类 block。
真实模板变体
当前模板未直接使用该 section。
Schema
{
"name": "Tabbed content",
"class": "section-tabbed-content",
"settings": [
{
"type": "text",
"id": "heading",
"label": "Heading",
"default": "Tabbed content"
},
{
"type": "richtext",
"id": "description",
"label": "Description",
"default": "<p>Add a short description for this section</p>"
},
{
"type": "select",
"id": "text_width",
"label": "Content width",
"options": [
{
"value": "small",
"label": "Small"
},
{
"value": "medium",
"label": "Medium"
},
{
"value": "large",
"label": "Large"
},
{
"value": "grid",
"label": "Grid"
}
],
"default": "medium"
},
{
"type": "select",
"id": "tab_alignment",
"label": "Tab alignment",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "center",
"label": "Center"
},
{
"value": "right",
"label": "Right"
}
],
"default": "left"
},
{
"type": "select",
"id": "text_alignment",
"label": "Content alignment",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "center",
"label": "Center"
},
{
"value": "right",
"label": "Right"
}
],
"default": "left"
},
{
"type": "header",
"content": "Colors"
},
{
"type": "color",
"id": "color_bg",
"label": "Background",
"default": "#ffffff"
},
{
"type": "color",
"id": "color_tabs",
"label": "Tabs",
"default": "#151515"
},
{
"type": "color",
"id": "color_text",
"label": "Text",
"default": "#151515"
},
{
"type": "color",
"id": "color_border",
"label": "Border",
"default": "#e2e2e2"
},
{
"type": "header",
"content": "Spacing"
},
{
"type": "checkbox",
"id": "disable_top_spacing",
"default": false,
"label": "Remove top spacing"
},
{
"type": "checkbox",
"id": "disable_bottom_spacing",
"default": false,
"label": "Remove bottom spacing"
}
],
"blocks": [
{
"type": "tab",
"name": "Tab",
"settings": [
{
"type": "text",
"id": "tab_label",
"default": "Tab label",
"label": "Label"
},
{
"type": "select",
"id": "icon",
"options": [
{
"value": "none",
"label": "None"
},
{
"value": "apple",
"label": "Apple"
},
{
"value": "banana",
"label": "Banana"
},
{
"value": "bottle",
"label": "Bottle"
},
{
"value": "box",
"label": "Box"
},
{
"value": "carrot",
"label": "Carrot"
},
{
"value": "chat_bubble",
"label": "Chat bubble"
},
{
"value": "check_mark",
"label": "Check mark"
},
{
"value": "clipboard",
"label": "Clipboard"
},
{
"value": "dairy",
"label": "Dairy"
},
{
"value": "dairy_free",
"label": "Dairy free"
},
{
"value": "dryer",
"label": "Dryer"
},
{
"value": "eye",
"label": "Eye"
},
{
"value": "fire",
"label": "Fire"
},
{
"value": "gluten_free",
"label": "Gluten free"
},
{
"value": "heart",
"label": "Heart"
},
{
"value": "iron",
"label": "Iron"
},
{
"value": "leaf",
"label": "Leaf"
},
{
"value": "leather",
"label": "Leather"
},
{
"value": "lightning_bolt",
"label": "Lightning bolt"
},
{
"value": "lipstick",
"label": "Lipstick"
},
{
"value": "lock",
"label": "Lock"
},
{
"value": "map_pin",
"label": "Map pin"
},
{
"value": "nut_free",
"label": "Nut free"
},
{
"value": "pants",
"label": "Pants"
},
{
"value": "paw_print",
"label": "Paw print"
},
{
"value": "pepper",
"label": "Pepper"
},
{
"value": "perfume",
"label": "Perfume"
},
{
"value": "plane",
"label": "Plane"
},
{
"value": "plant",
"label": "Plant"
},
{
"value": "price_tag",
"label": "Price tag"
},
{
"value": "question_mark",
"label": "Question mark"
},
{
"value": "recycle",
"label": "Recycle"
},
{
"value": "return",
"label": "Return"
},
{
"value": "ruler",
"label": "Ruler"
},
{
"value": "serving_dish",
"label": "Serving dish"
},
{
"value": "shirt",
"label": "Shirt"
},
{
"value": "shoe",
"label": "Shoe"
},
{
"value": "silhouette",
"label": "Silhouette"
},
{
"value": "snowflake",
"label": "Snowflake"
},
{
"value": "star",
"label": "Star"
},
{
"value": "stopwatch",
"label": "Stopwatch"
},
{
"value": "truck",
"label": "Truck"
},
{
"value": "washing",
"label": "Washing"
}
],
"default": "ruler",
"label": "Icon"
},
{
"type": "richtext",
"id": "text",
"label": "Text",
"default": "<p>Add a short description for this tabbed section</p>"
},
{
"type": "select",
"id": "text_columns",
"label": "Desktop columns",
"options": [
{
"value": "1",
"label": "One column"
},
{
"value": "2",
"label": "Two columns"
},
{
"value": "3",
"label": "Three columns"
}
],
"default": "1"
},
{
"type": "page",
"id": "page",
"label": "Tab content from page"
}
]
}
],
"presets": [
{
"name": "Tabbed content",
"blocks": [
{
"type": "tab"
},
{
"type": "tab"
},
{
"type": "tab"
}
]
}
]
}