ÈEl Helper for rendering of classNames in atomic fusion

v1.0.0 2019-09-12 16:06 UTC

This package is auto-updated.

Last update: 2020-09-12 18:45:49 UTC


ÈEl Helper for rendering of classNames in atomic fusion


  • 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


1. Component definition

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


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.


see LICENSE file