Template:Flexbox/doc

Description

This template is a flexible container which can be used with block based templates as content.

Syntax

Type: {{flexbox|type=<id>|column=<yes>|full-width=yes|<content>}}

• type is optional and is used to give certain boxes specific styling.
• column is only required if the intent is to make the flexbox set its contents vertically in a column.
• full-width will make the flexbox take up the page's width.

Examples

code:

{{flexbox|
{{QuickNav|Dr. Kel|Doctor Kel|image=Kel_Headshot_Hannah.png|body=Current Operator}}
{{QuickNav|Dr. Dee|Doctor Dee|image=Dee_Headshot_Hannah.png|body=Former Operator}}
{{QuickNav|Kerfur|Kerfur|image=placeholder.png|body=Repair Unit}}
}}

Results:

Doctor Kel

Current Operator

Doctor Dee

Former Operator

Kerfur

Repair Unit

Previous with full width, code:

{{flexbox|full-width=yes|
{{QuickNav|Dr. Kel|Doctor Kel|image=Kel_Headshot_Hannah.png|body=Current Operator}}
{{QuickNav|Dr. Dee|Doctor Dee|image=Dee_Headshot_Hannah.png|body=Former Operator}}
{{QuickNav|Kerfur|Kerfur|image=placeholder.png|body=Repair Unit}}
}}

Results:

Doctor Kel

Current Operator

Doctor Dee

Former Operator

Kerfur

Repair Unit

Previous applied vertically, code:

{{flexbox|column=yes|
{{QuickNav|Dr. Kel|Doctor Kel|image=Kel_Headshot_Hannah.png|body=Current Operator}}
{{QuickNav|Dr. Dee|Doctor Dee|image=Dee_Headshot_Hannah.png|body=Former Operator}}
{{QuickNav|Kerfur|Kerfur|image=placeholder.png|body=Repair Unit}}
}}

Result:

Doctor Kel

Current Operator

Doctor Dee

Former Operator

Kerfur

Repair Unit