Closed ycs77 closed 9 months ago
Fix #63
You must be set the tailwindcssRtlOriginSafelist into tailwind.config.js's safelist:
tailwindcssRtlOriginSafelist
tailwind.config.js
import { tailwindcssRtlOriginSafelist } from '@headlessui-float/vue' /** @type {import('tailwindcss').Config} */ export default { safelist: [...tailwindcssRtlOriginSafelist], }
Using with react:
import { Float, tailwindcssRtlOriginClassResolver } from '@headlessui-float/react' export default function ExampleRtlOriginClass() { return ( <Float originClass={tailwindcssRtlOriginClassResolver}> ) }
Using with vue:
<template> <Float :origin-class="tailwindcssRtlOriginClassResolver"> </template> <script setup> import { Float, tailwindcssRtlOriginClassResolver } from '@headlessui-float/vue' </script>
Fix #63
Usage
You must be set the
tailwindcssRtlOriginSafelist
intotailwind.config.js
's safelist:tailwind.config.js
Using with react:
Using with vue: