Cant set attributes

[emattias]

I wanted to yield a span from a general component and set some classes and maybe other attributes on the span for consumers of the general component. Something like this:

{{yield
  (hash
    Foo=(element "span" class="truncate")
  )
}}

But its explicitly not allowed. How come? And could it be changed to be allowed?

[SergeAstapov]

@emattias to pass class name, you may try

{{yield
  (hash
    Foo=(component (element "span") class="truncate")
  )
}}

Other attributes can't be passed in and it's not limitation of this addon but rather a limitation of Ember.js at this point of time, see for more info emberjs/rfcs#497

[angelayanpan]

component helper seems to be adding @ to class

[NullVoxPopuli]

I do this in ember-primitives this way:

const Span = <template>
  {{#let (element 'span') as |el|}}
    <el class="truncate" ...attributes>
      {{yield}}
    </el>
  {{/let}}
</template>;

<template>
  {{yield (hash
    Foo=Span
  )}}
</template>   

Gonna close because this is more a general composition thing that only really got more ergonomically possible with gjs.