packagefactory/atomicfusion-classnames

Last activity on 12 December 2020
  • 1
  • 11847
composer require packagefactory/atomicfusion-classnames

ÈEl Helper for rendering of classNames in atomic fusion

v1.0.1

ÈEl Helper for rendering of classNames in atomic fusion

Version
v1.0.1
Type
neos-package
Release Date
16.12.2020 16:13:30
Source
git
Distribution
zip
Requires
  • neos/fusion: ^3.3 || ^4.0 || ^5.0 || ^7.0 || dev-master
Requires (dev)
None
Suggest
None
Provides
None
Conflicts
None
Replaces
None
GPL-3.0 f6cf85007604a02dd3144f69c0949b14abb38731

PackageFactory.AtomicFusion.ClassNames

È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

The content of the readme is provided by Github
The same vendor provides 11 package(s).