spaze/svg-icons-latte

SVG Icons Custom Tag for Latte Templating System

v1.0.3 2023-09-20 00:55 UTC

Requires

• php: ^8.1
• ext-dom: *
• latte/latte: ^3.0.9
• nette/application: ^3.1
• nette/di: ^3.1.2
• nette/schema: ^1.2

Requires (Dev)

• php-parallel-lint/php-console-highlighter: ^1.0
• php-parallel-lint/php-parallel-lint: ^1.3
• phpstan/phpstan: ^1.8
• spaze/coding-standard: ^1.3
• spaze/phpstan-disallowed-calls: ^2.8

MIT

• Michal Špaček

README

The custom {icon} tag will embed an SVG icon loaded from an external file.

Installation

composer require spaze/svg-icons-latte

Requires PHP 8.1+

Register the Nette extension, e.g.:

extensions:
	svgIcons: Spaze\SvgIcons\NetteExtension

This will also auto-register the Latte extension itself.

Configuration

svgIcons:
	iconsDir: '../../node_modules/humbleicons/icons'
	cssClass: 'humbleicons'

• iconsDir is a path to a directory with SVG icon files, for example Humbleicons by @Zraly (required)
• cssClass defines a CSS class that will be added to the root <svg> element (optional)

Usage

{icon wifi} will be replaced with a contents loaded from wifi.svg located in iconsDir.

You can also add extra CSS classes: {icon wifi class => foo, class => bar} will add additional CSS classes foo and bar to the root <svg> element.

Given the configuration above, the resulting tag would look like <svg class="humbleicons foo bar" ...>.