svelte-headlessui
svelte-headlessui copied to clipboard
rgossiaux
Unofficial Svelte port of the Headless UI component library
Been meaning to set this up but it wasn't worth blocking the docs on. Some inspiration: https://ped.ro/writing/code-blocks-but-better https://github.com/shikijs/shiki and some related shiki projects like CodeHike https://github.com/bluwy/website/blob/master/packages/markdown/remark-shiki.js
Is it valuable to extract this function? I've seen it in almost every component. ```ts // $lib/components/menu/Menu.svelte const MENU_CONTEXT_NAME = "headlessui-menu-context"; export function useMenuContext( componentName: string ): Readable { let...
We already forward `use:` (via the `use=` prop) and `on:` (via some runtime hacks). We should consider supporting equivalents for the transition/animation directives too: something like `in=`, `out=`, `transition=`, and...
When I ported these I completely forgot that Svelte has standard names for these events already: https://svelte.dev/tutorial/transition-events We should use those event names. It's a breaking change, so I should...
https://github.com/sveltejs/vite-plugin-svelte/blob/main/docs/config.md#prebundlesveltelibraries Should spend some time on the bundling of the library in general and make sure it's working correctly
I don't remember any more why this ended up with a different implementation... looking back over it I don't see why it can't be closer to the others. In particular...
Hi @rgossiaux, thank you for your work. We're using version `1.0.2`. We need to pass `data-*` attributes to HeadlessUI components, e.g.: ```svelte ... ``` The attributes are correctly passed to...
When we need user to confirm from two dangerous options, he/she must select from these options, how about add two props: - `closeOnEsc` default `true` - `closeOnOverlayClick` default `true` Just...
Headless ui has [Dialog.Panel](https://headlessui.com/react/dialog#dialog-panel), I am unable to find it in svelte-headlessui. Is this because it is not implemented here, or am i missing something about the need for Dialog.Panel...
**Describe the bug** When the parent element of a Popover component is focusable (e.g. `div` with tabindex), the Popover won't close if the PopoverButton is clicked. Affected browser: Safari (macOS...
