|
|
| Line 1: |
Line 1: |
| <includeonly><div class="{{{class|}}}" style="display:flex; flex-flow:row wrap; align-items:{{{align-items|start}}}; gap:{{{gap|4px}}}; justify-content:{{{justify-content|center}}}; {{{extra-style|}}}"></includeonly><noinclude> | | <includeonly><div class="{{{class|}}}" style="display:flex; flex-flow:row wrap; align-items:{{{align-items|start}}}; gap:{{{gap|4px}}}; justify-content:{{{justify-content|center}}}; {{{extra-style|}}}"></includeonly><noinclude> |
| <templatedata>
| | |
| {
| |
| "params": {
| |
| "align-items": {
| |
| "label": "Align-Items",
| |
| "description": "Vertical alignment of the items",
| |
| "type": "line",
| |
| "suggestedvalues": [
| |
| "start",
| |
| "center",
| |
| "end",
| |
| "stretch"
| |
| ],
| |
| "default": "start",
| |
| "suggested": true
| |
| },
| |
| "gap": {
| |
| "label": "Gap",
| |
| "description": "Desired gap between items",
| |
| "type": "line",
| |
| "default": "4px",
| |
| "suggested": true
| |
| },
| |
| "justify-content": {
| |
| "label": "Justify-Content",
| |
| "description": "Horizontal alignment of the items",
| |
| "type": "line",
| |
| "suggestedvalues": [
| |
| "start",
| |
| "center",
| |
| "end",
| |
| "space-evenly"
| |
| ],
| |
| "default": "center",
| |
| "suggested": true
| |
| },
| |
| "extra-style": {
| |
| "label": "Extra Styles",
| |
| "description": "Any extra styles that should be applied. Need to be valid inline css styles.",
| |
| "type": "line",
| |
| "suggested": true
| |
| },
| |
| "class": {
| |
| "label": "Class",
| |
| "description": "Classes that should apply to this item. Separate multiple classes with spaces. ",
| |
| "type": "line",
| |
| "suggested": true
| |
| }
| |
| },
| |
| "description": "{{flexheader}} is used for creating a flexible set - the items will distribute horizontally on wider screens, and vertically on narrower screens. It should be used along with {{flexfooter}}.\nThe content inside can be created with multiple {{flexitem}}s",
| |
| "paramOrder": [
| |
| "align-items",
| |
| "gap",
| |
| "justify-content",
| |
| "class",
| |
| "extra-style"
| |
| ],
| |
| "format": "inline"
| |
| }</templatedata>
| |
| {{Documentation}} | | {{Documentation}} |
| [[category:Code templates]]
| |
| </noinclude> | | </noinclude> |