YireoTraining_ExampleLokiFieldComponents

Examples

PHP 8.1 - 8.4

Magento 2.4.7 | 2.4.8

CSP Yes

PHPStan 8

Magento PHPCS 8

Latest Release 0.0.18

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-dev/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_dob 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_readonly_toggle 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_Quote 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.18

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.18	12 June 2026
0.0.17	12 June 2026
0.0.16	12 June 2026
0.0.15	12 June 2026
0.0.14	12 June 2026
0.0.13	12 June 2026
0.0.12	12 June 2026
0.0.11	12 June 2026
0.0.10	12 June 2026
0.0.9	12 June 2026
0.0.8	12 June 2026
0.0.7	12 June 2026
0.0.6	12 June 2026
0.0.5	12 June 2026
0.0.4	12 June 2026
0.0.3	12 June 2026
0.0.2	12 June 2026
0.0.1	12 June 2026

Changelog

[0.0.18] - 27 March 2026

Fixed

Allow for date-input tuning via min_date and max_date

[0.0.17] - 12 March 2026

Fixed

Empty session value is not a string

[0.0.16] - 28 January 2026

Fixed

Example of toggling field readability

[0.0.15] - 12 December 2025

Fixed

Remove padding from color field
Allow default_value via XML layout

[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: June 1, 2026