vc-align

Vue 3 Align Component. Wrapper around https://github.com/yiminghe/dom-align.

rc-align for vue 3

Install

Usage

<template>
  <Align :align="{ points: ['cc', 'cc'] }" :target="() => document.body">
    <div />
  </Align>
</template>

<script>
import Align from '@ayase/vc-align';

export default {
  components: { Align }
};
</script>

API

Props

| Prop | Description | Type | Default | | --------------------- | ------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------- | -------------- | | align | same with alignConfig from dom-align | Object | - | | target | a function which returned value or point is used for target from dom-align | () => HTMLElement \| { pageX: number, pageY: number } \| { clientX: number, clientY: number } | () => window | | monitorWindowResize | whether realign when window is resized | boolean | false |

License

MIT