{"repo":"fedorovvvv/svelte-floating-ui","free":true,"listed":false,"github":"https://github.com/fedorovvvv/svelte-floating-ui","clone":"git clone https://github.com/fedorovvvv/svelte-floating-ui.git","description":"Svelte✨ Floating UI 🎈","language":"TypeScript","stars":178,"topics":["floating","svelte","sveltejs","floating-ui","ui"],"license":"MIT","category":"ui-components","readme_excerpt":"🎈Svelte Floating UI Floating UI for Svelte with actions. No wrapper components or component bindings required! Usage createFloatingActions takes an optional options object for configuring the content placement. The content action also takes an optional options object for updating the options of the content placement. createFloatingActions also returns an update method as it's third value which can be used to manually update the content position. Example API Setting Floating UI options Floating UI options can be set statically when creating the actions, or dynamically on the content action. If both are set, then the dynamic options will be merged with the initial options. Updating the Floating UI position The content element's position can be manually updated by using the third value returned by createFloatingActions . This method takes an optional options object which will be merged with the initial options. Floating UI autoUpdate You can use autoUpdate options directly in initOptions for createFloatingActions or floatingContent, but not in update What values can autoUpdate have? Partial Virtual Elements Svelte Floating UI allows you to use the floatingRef (reference node) like VirtualElement This is an example of creating a tooltip that runs behind the mouse cursor: Applying custom styles on compute To apply styles manually, you can pass the onComputed option to createFloatingActions . This is a function that recieves a ComputePositionReturn . This function is called every ","default_branch":null,"files":null,"tree":[],"storefront":"/r/fedorovvvv","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/fedorovvvv/svelte-floating-ui/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}