Download the PHP package lmc/twigx-bundle without Composer

TwigX Bundle

Symfony bundle extending Twig template engine with JSX-like markup.

Requirements

• PHP 7.4 || 8.1
• Symfony 4.4+ || 5.4+ || ^6.1
• Twig >=1.44.6 || >=2.12.5 || 3+

Changelog

See CHANGELOG

How to install

Step 1

Download using composer

Install package

Step 2

Add TwigXBundle into bundles (under all bundles). If you use Symfony flex, it will be configured automatically.

bundles.php

Step 3 (optional)

If you want to change the default settings, create a config

config/packages/twigx.yml

Usage

Now you can use Twig components with HTML-like syntax in your Symfony project. You only need to remember that, unlike in HTML, component tags must always start with a capital letter:

You can pass attributes like this:

or pure original implementation

Allowed parenthesis

You can pass variables to props using two syntaxes. JSX-like syntax uses single {...} parentheses or Twig-like syntax that uses {{...}} parentheses. In both cases, there can be a whitespace around the value that is used. See the examples below.

JSX-like syntax example:

Twig like syntax example:

if you want to extend these components, an example guide is here. if you want to contribute, read guide here.