Template:FlexContainer

Usage Examples

To see for yourself what the different options do, use the "Edit source" mode, change the input values for {{FlexContainer}} in the source code below this line, and press "Show preview".

House Atreides
Copy to clipboard Copy to clipboard Copy to clipboard Copy to clipboard
Cosmetic Type	Swatch
Compatibility	All

Smuggler
Copy to clipboard Copy to clipboard Copy to clipboard Copy to clipboard
Cosmetic Type	Swatch
Compatibility	All Garments All Vehicles All Weapons

PLACEHOLDER TEXT TO DEMONSTRATE TEXT ALIGNMENT OVERRIDE

TemplateData

Convenience wrapper for applying the shared 'flex-container' layout class. Wraps content in a standardised responsive flex container with optional spacing and alignment overrides. Due to MediaWiki parsing limitations, wikitables should not be used inside this template, and should instead be wrapped in a <div class="flex-container">. for the same effect.

Template parameters[Edit template data]

Parameter		Description	Type	Status
Content	1	Content to be wrapped inside the flex container. Wikitables are not supported with this template, and should be wrapped in a <div class="flex-container"> instead for the same effect.	Content	required
Gap (rem)	gap	Spacing between wrapped items, in 'rem' units. Accepts decimal values. Default value is defined in Common.css. Default 1	Number	optional
Content justification	justify	Horizontal distribution of items within the flex container. Default value is defined in Common.css. Suggested values flex-start flex-end center space-between space-around space-evenly Default flex-start	String	optional
Item alignment	align	Vertical alignment of items within the flex container. Default value is defined in Common.css. Suggested values flex-start flex-end center stretch Default stretch	String	optional
Text alignment	text	Alignment of inline content within the flex container. Default value is defined in Common.css. Suggested values left right center justify Default center	String	optional