loki Documentation

YireoTraining_ExampleLokiFieldComponents

Examples
PHP 8.1 - 8.4
Magento 2.4.7 | 2.4.8
CSP Yes
PHPStan 5
Magento PHPCS 8
Latest Release 0.0.1

Example module to demonstrate various use-cases of Loki FieldComponents, as being used in the Yireo LokiCheckout extension suite for Magento 2.

Installation

Install this package via composer (assuming you have setup the composer.yireo.com repository correctly already):

composer require yireo-training/magento2-example-loki-field-components

Next, enable this module:

bin/magento module:enable YireoTraining_ExampleLokiFieldComponents

Support

For getting support, create an Issue under the following project URL:

https://gitlab.yireo.com/loki-checkout/YireoTraining_ExampleLokiFieldComponents.git

Loki Components

The following LokiComponents are created or references in this module:

loki-field-component-example.checkbox loki-field-component-example.input_color loki-field-component-example.input_date loki-field-component-example.input_date_flatpickr loki-field-component-example.input_datetime loki-field-component-example.input_email loki-field-component-example.input_number loki-field-component-example.input_password loki-field-component-example.input_password_repeat loki-field-component-example.input_tel loki-field-component-example.input_text loki-field-component-example.input_text_required loki-field-component-example.input_url loki-field-component-example.multiselect loki-field-component-example.radio loki-field-component-example.range loki-field-component-example.select loki-field-component-example.switch loki-field-component-example.textarea
Module Dependencies

The following dependencies are declared in the module its `etc/module.xml` file:

Loki_Base Loki_Components Loki_CssUtils Loki_FieldComponents Magento_Backend Magento_Config Magento_Customer Magento_Directory Magento_Eav Magento_MediaStorage Magento_Store YireoTraining_ExampleLokiComponents Yireo_CspUtilities
Composer details
Magento module name
YireoTraining_ExampleLokiFieldComponents
Composer name
yireo-training/magento2-example-loki-field-components
Composer version
0.0.14
Default branch
main
Requirements
ext-json: *
loki/magento2-components: ^2.2
loki/magento2-css-utils: ^1.0
loki/magento2-field-components: ^2.2
magento/framework: ^103.0
magento/module-customer: ^103.0
magento/module-store: ^101.1
yireo-training/magento2-example-loki-components: ~0.0.17
Releases
0.0.14 07 December 2025
0.0.13 07 December 2025
0.0.12 07 December 2025
0.0.11 07 December 2025
0.0.10 07 December 2025
0.0.9 07 December 2025
0.0.8 07 December 2025
0.0.7 07 December 2025
0.0.6 07 December 2025
0.0.5 07 December 2025
0.0.4 07 December 2025
0.0.3 07 December 2025
0.0.2 07 December 2025
0.0.1 07 December 2025
Changelog

[0.0.14] - 12 November 2025

Fixed

  • Set number to be positive number and required
  • Make number required for testing
  • Update composer keywords

[0.0.13] - 22 October 2025

Fixed

  • Formatting
  • Fix sidebar

[0.0.12] - 17 October 2025

Fixed

  • Upgrade deps

[0.0.11] - 17 October 2025

Fixed

  • Fix styling issues
  • WIP

[0.0.10] - 24 September 2025

Fixed

  • Change XML layout name
  • Rename loki-directive to loki.directive

[0.0.9] - 17 September 2025

Fixed

  • Add LESS sources

[0.0.8] - 16 September 2025

Fixed

  • Update deps
  • Update MODULE.json with PHPStan level 5
  • Update MODULE.json with PHPCS severity 8
  • Document latest version of template
  • Copy generic CI/CD files
  • Update MODULE.json
  • Remove obsolete context
  • Remove requirement to set custom FieldViewModel

[0.0.8] - 16 September 2025

Fixed

  • Remove obsolete context
  • Remove requirement to set custom FieldViewModel

[0.0.7] - 03 September 2025

Fixed

  • Add better example of Flatpickr
  • Better mobile layout
  • Add dep
  • Add example with Flatpickr

[0.0.6] - 02 September 2025

Fixed

  • Refactor hard-coded field attributes to FieldViewModel::getFieldAttributes()
  • Add CI files

[0.0.5] - 21 August 2025

Fixed

  • Declare used PHP namespaces
  • Add escaping of template code
  • Fix all CSS todos
  • Declare used PHP namespaces
  • Document latest version of template

[0.0.4] - 18 August 2025

Fixed

  • Add Dutch translations

[0.0.3] - 28 July 2025

Fixed

  • Set page layout of demo pages to 1column

[0.0.2] - 24 July 2025

Fixed

  • Loosen up constraint

[0.0.1] - 22 July 2025

  • Initial release

Last modified: September 1, 2025