Svelte + Floating UI integration guide

[endigo9740]

Describe the feature in detail (code, mocks, or screenshots encouraged)

With the Floating UI Svelte project now on hold, I'd like to offer an alternative.

While the Skeleton React Popover guide makes use of Floating UI React, we'll need to make use of the core Floating UI library to provide a similar experience for Svelte users. This guide will demonstrate this process, while being fully tailored towards Skeleton's design system features.

At minimum this should demonstrate examples for the following:

• Popovers
• Tooltips
• Modals (and Drawers)
• Comboboxes

But may be expanded to cover any number of use cases, including but not limited to:

• Toasts
• Context Menus
• ...and more...

Ideally each example is implemented as a component, as this is typically what folks are going to want.

What type of pull request would this be?

Guide

Provide relevant links or additional information.

In addition to the integration process, I'd like to make use of the new Svelte 5 Attachments feature:

• https://svelte.dev/docs/svelte/svelte-attachments
• https://joyofcode.xyz/svelte-attachments-explained

NOTE: this will require Svelte 5.29 or higher

[endigo9740]

Note that I've been sharing code snippets showing my initial version of this on the Skeleton Discord > #floating-ui-svelte channel if anyone wishes to review and chime in. I'll continue to work on this in the background until I feel like we have something reasonable to generate a guide against.

[endigo9740]

Note that I've started a repository here that contains my current progress on this feature:

https://github.com/skeletonlabs/floating-ui-attachment

Still determining the best path forward, as we have few choices here:

• One singular universal attachment that is geared towards doing everything Floating UI Support
• Provide a "base" that can be built on and customized per the end users preference

Both approaches have pros and cons.

Note that this may be put on hold for a bit while I handle some IRL stuff (including a big move) over the next couple weeks.