🥚 Vue Primitive

📦 Install

pnpm install @maas/vue-primitive

🪄 Use

import

import { Primitive } from '@maas/vue-primitive'

Tip

To avoid a clash of names when using TresJs you can also import an alias

import { VuePrimitive } from '@maas/vue-primitive's

as

<template>
  <Primitive as="button" type="button" @click="handleClick">
    Click me
  </Primitive>
</template>

<button type="button">Click me</button>

asChild

<template>
  <Primitive as-child type="button" class="my-button" @click="handleClick">
    <button>Click me</button>
  </Primitive>
</template>

<button type="button" class="my-button">Click me</button>

🐛 Found a Bug?

If you see something that doesn’t look right, submit a bug report. See it. Say it. Sorted.

🤝 Credit

This package is mostly a port of Radix Vue’s Primitive component. The original concept of the asChild prop was invented by the creators of Radix Primitives as far as we know.

📄 License

MIT License © 2024-PRESENT Magic as a Service GmbH