Editing Template:AbilitySection/docGive feedback

== Overview ==

Two-column layout wrapping [[Template:Ability card v2]] on the left and an optional tabbed details panel on the right. Backed by [[Module:AbilitySection]].

On narrow viewports the two columns stack vertically via CSS flex-wrap. Styles are loaded from [[Template:AbilitySection/styles.css]] via TemplateStyles.

Intended to replace [[Template:Ability tabs]] on hero pages. Editors place four of these blocks in sequence, one per ability, each under its own <code>=== Ability Name ===</code> heading directly on the hero page.

An interaction-hint rail is generated automatically between the card and the details panel: small item icons showing how the ability interacts with items (dispellable, duration-reduced, blocked, etc.), driven by [[Module:AbilityHints]]. It takes no parameters — membership comes from the same lists as the interaction tables.

Tab visibility rules:
* Only tabs with content are shown.
* A <code>Show All</code> tab is appended automatically if two or more tabs have content.
* If no content parameters are provided, no details panel is rendered at all — only the ability card (and its hint rail, if any).

=== Parameters ===

<templatedata>
{
	"params": {
		"hero_name": {
			"description": "Hero name, passed to Template:Ability card v2.",
			"example": "Doorman",
			"type": "string",
			"required": true
		},
		"ability_num": {
			"description": "Ability index (1–4), passed to Template:Ability card v2.",
			"example": "1",
			"type": "number",
			"required": true
		},
		"notes": {
			"description": "Wikitext for the Notes tab.",
			"example": "* Can be detonated by [[Melee Attack|melee attacks]].",
			"type": "string",
			"required": false
		},
		"tips": {
			"description": "Wikitext for the Tips tab.",
			"example": "* T3 talent allows stacking several bells for high damage traps.",
			"type": "string",
			"required": false
		},
		"interactions": {
			"description": "Wikitext for the Interactions tab. Use {{AbilityInteraction}} blocks.",
			"example": "{{AbilityInteraction | title = ... | text = ... }}",
			"type": "string",
			"required": false
		}
	},
	"paramOrder": [
		"hero_name",
		"ability_num",
		"notes",
		"tips",
		"interactions"
	],
	"description": "Generates ability cards in hero pages. Uses Ability card v2/Card"
}
</templatedata>

=== Example ===

<pre>
{{AbilitySection
| hero_name   = The Doorman
| ability_num = 1
| notes       =
* Bells can be detonated by [[Melee Attack|melee attacks]].
| tips        =
* T3 talent allows stacking several bells for high damage traps.
| interactions =
{{AbilityInteraction
| type      = positive
| iconfile  = Debuff Reducer.png
| link      = Debuff Reducer
| title     = Debuff Resist
| text      = Debuff Resist shortens duration of [[Movement Slow|move slow]] and accuracy debuff.
}}
}}
</pre>

{{AbilitySection
| hero_name   = The Doorman
| ability_num = 1
| notes       =
* Bells can be detonated by [[Melee Attack|melee attacks]].
| tips        =
* T3 talent allows stacking several bells for high damage traps.
| interactions =
{{AbilityInteraction
| type  = positive
| file  = Debuff Reducer.png
| link  = Debuff Reducer
| title = Debuff Resist
| text  = Debuff Resist shortens duration of [[Movement Slow|move slow]] and accuracy debuff.
}}
}}

=== Related pages ===

* [[Module:AbilitySection]] — Lua backend
* [[Module:AbilityHints]] — interaction-hint icons rendered beside the card
* [[Template:AbilitySection/styles.css]] — CSS
<noinclude>[[Category:Template documentation]]</noinclude>