packagefactory/atomicfusion-classnames

ÈEl Helper for rendering of classNames in atomic fusion

v1.0.2 2022-04-01 12:35 UTC

This package is auto-updated.

Last update: 2024-10-23 14:26:21 UTC


README

ÈEl Helper for rendering of classNames in atomic fusion

EEL-Helpers

  • AtomicFusion.classNames: render all arguments as classNames and apply conditions if needed

All arguments of the AtomicFusion.classNames eelHelper are evaluated and the following rules are applied

  • falsy values: (null, '', [], {}) are not rendererd
  • array: all items that are scalar and truthy are rendered as class-name
  • object: keys that have a truthy values are rendered as class-name
  • scalar: is cast to string and rendered as class-name

Usage

1. Component definition

prototype(Vendor.Site:Component) < prototype(Neos.Fusion:Component) {
    renderer = afx`
        <div class={AtomicFusion.classNames('component' , {'component--bold': props.bold})}>
            {props.content}
        </div>
    `
}

Installation

PackageFactory.AtomicFusion is available via packagist. Just run composer require packagefactory/atomicfusion-classnames.

We use semantic-versioning so every breaking change will increase the major-version number.

License

see LICENSE file