Skip to content

Commit 259a637

Browse files
committed
Added more examples for use of Twig function
1 parent 30baa35 commit 259a637

File tree

1 file changed

+12
-2
lines changed

1 file changed

+12
-2
lines changed

README.md

+12-2
Original file line numberDiff line numberDiff line change
@@ -69,9 +69,19 @@ It is also possible to check if given class is available in list by using `has(s
6969

7070
## Usage in Twig
7171

72-
Library includes `\Flying\Util\Css\Twig\ClassesExtension` Twig extension that exposes `classes` function that exposes same functionality as a [main class](#standalone-usage).
72+
Library includes `\Flying\Util\Css\Twig\ClassesExtension` Twig extension that exposes `classes` function that provides same functionality as a [main class](#standalone-usage).
7373

74-
Example:
74+
It can be used as a simple construction of the classes list:
75+
76+
```twig
77+
{%- set category = 'some-category' -%}
78+
{%- set active = true -%}
79+
{%- set current = false -%}
80+
{# "main-class some-category is-active" will be generated #}
81+
<div class="{{ classes('main-class', category, active ? 'is-active': null, current ? 'is-current' : null) }}"></div>
82+
```
83+
84+
But it is also possible to use CSS classes list modification methods:
7585

7686
```twig
7787
{%- set categories = {foo: 'Foo', bar: 'Bar'} -%}

0 commit comments

Comments
 (0)