joshualicense/govuk-frontend-twig

GOV.UK前端Nunjucks模板转换为Twig

v5.6.0 2024-09-02 10:28 UTC

README

此存储库包含一组Twig宏,这些宏可以生成与GOV.UK前端设计系统兼容的HTML代码。

兼容性

请参考下表,以确定应使用哪个版本的GOV.UK Frontend Twig,以针对您的GOV.UK前端目标版本

旧版本

请注意,此包的版本将与GOV.UK前端的主版本和次要版本相匹配,但补丁版本可能不同。

使用方法

安装

要在项目中使用GOV.UK Frontend Twig,请通过Composer进行安装

composer require joshualicense/govuk-frontend-twig

配置

在您的PHP代码中,配置Twig模板加载器以包含GOV.UK Frontend Twig宏

use Composer\Autoload\ClassLoader;
use Twig\Loader\FilesystemLoader;

// Optional: get the vendor directory using reflection from any directory.
$reflection = new \ReflectionClass(ClassLoader::class);
$vendorDir = dirname($reflection->getFileName(), 2);

$loader = new FilesystemLoader();
$loader->addPath($vendorDir . '/joshualicense/govuk-frontend-twig/src/templates', 'govuk-frontend-twig');

使用示例

以下是一个如何在您的Twig模板中使用GOV.UK Frontend Twig宏的示例

{% from "@govuk-frontend-twig/components/back-link.html.twig" import govukBackLink %}

{{ govukBackLink({
  text: "Back",
  href: "#"
}) }}

有关可用组件和宏选项的更多信息,请参阅原始的GOV.UK设计系统组件