codebender828 / polymorphic-as-child-vue

Created with StackBlitz ⚡️

polymorphic-as-child-vue

Edit on StackBlitz ⚡️

Implements the asChild prop for Vue.js

In Vue

<dialog-trigger as-child>
  <span>Dialog Trigger (asChild &rarr; Vue SFC)</span>
</dialog-trigger>

<!-- renders <span /> element -->

In TSX

<DialogTrigger id={id} asChild class="space-inline-end-4">
  <span>Dialog Trigger (asChild &rarr; Vue JSX)</span>
</DialogTrigger>

//  renders <span /> element

See examples in usage folder