spaze / svg-icons-latte
SVG Icons Custom Tag for Latte Templating System
Installs: 9
Dependents: 0
Suggesters: 0
Security: 0
Stars: 3
Watchers: 1
Forks: 0
Open Issues: 0
pkg:composer/spaze/svg-icons-latte
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)
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" ...>
.