ui:asChild

Opts a component into the asChild prop and marks which of its tags is the asChild target.

Place this inline, inside the opening bracket of whichever tag should receive the merged attributes when a caller passes asChild="{true}" - the same way {ui:ref(...)} and {ui:attributes()} are already placed.

<button
    {ui:ref(name: 'trigger')}
    {ui:attributes()}
    {ui:asChild()}>
    <f:slot />
</button>

None