flare icon indicating copy to clipboard operation
flare copied to clipboard

Implementing slots

Open phorward opened this issue 5 years ago • 0 comments

This is a feature-request for implementing slots.

To implement such components

<popout icon="icon-arrowhead-down">
	<popout-item @click="onEdit">edit</popout-item>
	<popout-item @click="onLeave">leave</popout-item>
	<popout-item @click="onDelete">delete</popout-item>
</popout>

It would be nice to have slots, where the content of the popout will be inserted, like this:

<flare-icon [name]="icon" hidden></flare-icon>
<span [name]="text" hidden></span>

<div class="popout">
        <div [name]="popoutItemList" class="list">
                  <slot><!-- Default Content --></slot>
        </div>
</div>

From Vue.js there is also an extension for named slots. These should be considered as well.

phorward avatar Feb 03 '21 13:02 phorward