Skip to content

Describe the use of container props #1076

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
mrleblanc101 opened this issue Apr 10, 2025 · 1 comment
Open

Describe the use of container props #1076

mrleblanc101 opened this issue Apr 10, 2025 · 1 comment

Comments

@mrleblanc101
Copy link

There is no explanation of what it does and how it work:
https://floating-vue.starpad.dev/api/#container

Image

v-tooltip v2 had container: false documented, but it's not documented anymore (#368)
https://floating-vue.starpad.dev/legacy/v2/#other-options

Image

Also, it would be nice to add an example or a mention of custom container like: container: '#myButton'

@mrleblanc101
Copy link
Author

In my case, I wanted the tooltip to be inside the element it's binded to, using container: false would put the tooltip inside the parent.

<UButton
    id="emergencyStop"
    v-tooltip.bottom="{
        content:
            'Watch the antenna closely during the alignment. Use the emergency stop to prevent the antenna from colliding with an external object.',
        theme: 'danger',
        popperClass: 'max-w-[25rem] w-[25rem] text-base text-left font-normal',
        triggers: [],
        shown: true,
        container: '#emergencyStop',
    }"
/>

Relates to #1075

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant