<div
class="
ui flat item
{{if this.loading ' loading'}}
{{if this.hasErrors ' error'}}">
</div>
<div {{class 'ui flat item'
loading=this.loading
error=this.hasErrors
}}></div>
Currently, modifiers don't work in FastBoot. To prevent "Blinking" you can add critical classes as standard class
attribute. After modifier initialization it node.classList
will be replaced.
<div
class="ui flat item"
{{class 'ui flat item'
loading=this.loading
error=this.hasErrors
}}>
</div>
<div {{class 'my-name'}}></div>
{{!-- Rendered AS: --}}
<div class="my-name"></div>
<div {{class 'my-name' 'gold-color'}}></div>
{{!-- Rendered AS: --}}
<div class="my-name gold-color"></div>
<div {{class my-name=false}}></div>
{{!-- Rendered AS: --}}
<div></div>
<div {{class my-name=true}}></div>
{{!-- Rendered AS: --}}
<div class="my-name"></div>
<div {{class 'red-dot' my-name=true}}></div>
{{!-- Rendered AS: --}}
<div class="red-dot my-name"></div>
<div {{class (array 'class-one' 'class-two')}}></div>
{{!-- Rendered AS: --}}
<div class="class-one class-two"></div>