<CalendlyInlineWidget />

The <CalendlyInlineWidget /> component is a wrapper around the Inline Widget.

Example

Check the Playground for an example of how it works.

Usage

<template>
    <CalendlyInlineWidget v-bind="options" />
</template>

<script lang="ts" setup>
    const options = {
        url: 'https://calendly.com/YOUR_LINK/30min',   
    }
</script>

Options

You have access to all the configuration options provided by Calendly.

Since all options are type-safe, you can just start typing to see all available options.