View source for Template:NavCard/doc

{{Documentation}}

This template renders a navigation card component.

Images are scaled with nearest-neighbor interpolation by default, which keeps pixel art crisp. For smooth, high-resolution artwork this looks blocky &mdash; pass <code>smooth=1</code> to turn it off and request a larger thumbnail.

== Usage ==
{|class="wikitable"
|-
|<syntaxhighlight lang="wikitext" inline>{{NavCard|Deor|Creo deor icon.png}}</syntaxhighlight>
|{{NavCard|Deor|Creo deor icon.png}}
|-
|<syntaxhighlight lang="wikitext" inline>{{NavCard|Deor|Creo deor icon.png|MOAR evolutions}}</syntaxhighlight>
|{{NavCard|Deor|Creo deor icon.png|MOAR evolutions}}
|-
|<syntaxhighlight lang="wikitext" inline>{{NavCard|Deor|Creo deor icon.png|MOAR evolutions|bgImage=Main page creo navcard.webp|bgImageSize=240px}}</syntaxhighlight>
|{{NavCard|Deor|Creo deor icon.png|MOAR evolutions|bgImage=Main page creo navcard.webp|bgImageSize=320px}}
|-
|<syntaxhighlight lang="wikitext" inline>{{NavCard|Creo|Main page creo icon.webp|smooth=1}}</syntaxhighlight>
|{{NavCard|Creo|Main page creo icon.webp|smooth=1}}
|-
|<syntaxhighlight lang="wikitext" inline>{{NavCard|Creo|Main page creo icon.webp|smooth=1|imageSize=96px}}</syntaxhighlight>
|{{NavCard|Creo|Main page creo icon.webp|smooth=1|imageSize=96px}}
|}

== TemplateData ==
<templatedata>
{
	"params": {
		"1": {
			"label": "Page name",
			"description": "Page name to link to",
			"type": "wiki-page-name",
			"required": true
		},
        "2": {
			"label": "Image",
			"description": "Image to be used. The image should have a transparent background.",
			"type": "wiki-file-name",
			"required": true
		},
		"3": {
			"label": "Label",
			"description": "Label text",
			"type": "string",
			"suggested": true
		},
		"smooth": {
			"label": "Smooth image",
			"description": "Set to any value to disable pixelated (nearest-neighbor) scaling and request a larger thumbnail. Use for smooth, high-resolution artwork; leave unset for pixel art.",
			"type": "string",
			"example": "1"
		},
		"imageSize": {
			"label": "Image size",
			"description": "Thumbnail size to request. Defaults to 48px, or 160px when smooth is set. The card displays the image at 80px tall, so a value of 160px keeps it crisp on high-density screens.",
			"type": "string",
			"example": "160px"
		}
	},
	"description": "Render a navigation card",
	"format": "inline",
	"paramOrder": [
		"1",
		"2",
		"3",
		"smooth",
		"imageSize"
	]
}
</templatedata>

<includeonly>
[[Category:Templates]]
</includeonly>