Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.
   
       🚧 True to our name, this project is still not quite finished. 🚧
   
   You’re welcome to explore, but account registration is currently invite-only as we finalize the setup. 
   Join our forum or follow Mastodon for updates. 
   Wiki registration will be available soon!

Template:SectionHeader: Difference between revisions

Template page
Undo revision 947 by Anthony (talk)
Tag: Undo
 
Add <templatedata> for Visual Editor Usage.
 
Line 1: Line 1:
<div style="margin-top:28px; margin-bottom:14px; border-bottom:2px solid var(--wiki-secondary); padding-bottom:6px; display:flex; align-items:center; gap:10px;">{{#if:{{{icon|}}}|[[File:{{{icon}}}.png|24px|link=]] |}}<span style="font-size:1.25em; font-weight:bold; color:var(--wiki-secondary);">{{{title|Section}}}</span></div><noinclude>
<div style="margin-top:28px; margin-bottom:14px; border-bottom:2px solid var(--wiki-secondary); padding-bottom:6px; display:flex; align-items:center; gap:10px;">{{#if:{{{icon|}}}|[[File:{{{icon}}}.png|24px|link=]] |}}<span style="font-size:1.25em; font-weight:bold; color:var(--wiki-secondary);">{{{title|Section}}}</span></div><noinclude>
== SectionHeader ==
== SectionHeader ==
Displays a styled section divider with an optional icon and a title. Used between content sections on the Main Page, Guidebook, and similar pages.
Displays a styled section divider with an optional icon and title. Used between content sections on the Main Page, Guidebook, and similar pages.


=== Usage ===
=== Usage ===
Line 12: Line 12:
; <code>icon</code> : Optional icon filename without <code>.png</code> extension (e.g. <code>mimetypes-package-x-generic</code>).
; <code>icon</code> : Optional icon filename without <code>.png</code> extension (e.g. <code>mimetypes-package-x-generic</code>).


=== Notes ===
<templatedata>
* The divider and text colour use <code>var(--wiki-secondary)</code> — the site's brand orange — and will follow the colour system if it is ever updated.
{
    "description": "Displays a styled horizontal section divider with an optional icon and title.",
    "params": {
        "title": {
            "label": "Title",
            "description": "Section heading text.",
            "type": "string",
            "default": "Section",
            "required": false
        },
        "icon": {
            "label": "Icon",
            "description": "Icon filename without the .png extension (e.g. mimetypes-package-x-generic).",
            "type": "string",
            "required": false
        }
    },
    "format": "inline"
}
</templatedata>


[[Category:Layout Templates]]
[[Category:Layout Templates]]
</noinclude>
</noinclude>

Latest revision as of 08:29, 23 March 2026

Section

SectionHeader

Displays a styled section divider with an optional icon and title. Used between content sections on the Main Page, Guidebook, and similar pages.

Usage

{{SectionHeader|title=Project Categories|icon=mimetypes-package-x-generic}}

Parameters

title
Section heading text. Defaults to "Section".
icon
Optional icon filename without .png extension (e.g. mimetypes-package-x-generic).

Displays a styled horizontal section divider with an optional icon and title.

Template parameters[Edit template data]

This template prefers inline formatting of parameters.

ParameterDescriptionTypeStatus
Titletitle

Section heading text.

Default
Section
Stringoptional
Iconicon

Icon filename without the .png extension (e.g. mimetypes-package-x-generic).

Stringoptional
Contents