joshualicense / govuk-frontend-twig
GOV.UK前端Nunjucks模板转换为Twig
v5.6.0
2024-09-02 10:28 UTC
Requires
- twig/twig: ^3.5
This package is auto-updated.
Last update: 2024-09-23 07:19:57 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设计系统组件。