PHP code example of fabianmichael / kirby-template-attributes
1. Go to this page and download the library: Download fabianmichael/kirby-template-attributes library. Choose the download type require.
2. Extract the ZIP file and open the index.php.
3. Add this code to the index.php.
<?php
require_once('vendor/autoload.php');
/* Start to develop here. Best regards https://php-download.com/ */
fabianmichael / kirby-template-attributes example snippets
<button <?= attributes([
'role' => 'button',
'aria-expanded' => 'false',
])
<img <?= attributes(
class: 'icon',
width: 16,
height: 16,
src: $image->url(),
alt: 'The funniest donkey ever!',
)
// get image dimensions as height="yyy" width="xxx"
$src = 'img.png';
$size = getimagesize($src)[3];
<button <?= classes([
'button',
'button--red' => $color === 'red', // class will only appear in class attribute, if condition is true
])
<button <?= classes('button', [
'button--red' => $color === 'red',
], 'absolute', 'top-0 left-0')
# site/snippets/button.php
<button <?= attributes([
'class' => 'button',
'role' => 'button',
'aria-expanded' => 'false',
'style' => '--foo: bar',
])->merge($attr ?? [])
<button class="button"><?= html($text ?? 'Button text')
<button <?= attributes($attr ?? [])
<button <?= attributes([
'class' => 'button',
])->merge($attr ?? [])
<button <?= classes('button')->merge($attr ?? [])
$text ??= 'Button text';
$size ??= 'normal';
$theme ??= null;
$attr ??= [];
<nav class="menu">
[…]
snippet('button', [
'text' => 'Toggle Menu',
'attr' => [
'class' => 'menu__button',
'aria-controls' => 'menu-popup',
'aria-expanded' => false,
'role' => 'teapot', // overrrides the default attribute
],
])