Comments (7)
I just (finally) shipped initial docs in #61. They're accessible at https://svelte-headlessui.goss.io/
from svelte-headlessui.
Fantastic news. A couple of months ago I was thinking of doing this myself so it's definitely nice to see. Thanks for doing this
from svelte-headlessui.
I started porting the official Tailwind UI components which were given away free by Tailwind Labs here: https://codeberg.org/vhs/svelte-tailwindui-freebies.
Having the freebies ported to Svelte would serve as living documentation as well as a test scaffold for this library. I've already ported the navigation and slide-out examples. If anyone wants to help porting the others, open the $lib
folder and pull up the official component docs for React/Vue and have at it.
from svelte-headlessui.
Yep, they're all available! It's a full port :)
from svelte-headlessui.
Thanks for filing & for the tooling suggestions! I definitely do intend on including project-specific docs here.
At the moment I think the https://headlessui.dev React docs hopefully work well enough to be usable & so I've been focusing on porting over the test files. After that's finished I'll turn back to the docs.
from svelte-headlessui.
Thanks for filing & for the tooling suggestions! I definitely do intend on including project-specific docs here.
At the moment I think the https://headlessui.dev React docs hopefully work well enough to be usable & so I've been focusing on porting over the test files. After that's finished I'll turn back to the docs.
Are all of the components listed there available here as of now or are there some that are still to be ported over?
from svelte-headlessui.
Fantastic news. A couple of months ago I was thinking of doing this myself so it's definitely nice to see. Thanks for doing this
Exactly the same thought!
Thank you so much @rgossiaux for this!
I suppose we can piggy back of the React docs, but just show how to transform into the svelte version? (🧐 wondering if we can write some tooling to do this)
from svelte-headlessui.
Related Issues (20)
- component disappears after refresh when used in a svelte component HOT 1
- Support for @headlessui/tailwindcss HOT 1
- List box doesn't position absolute HOT 1
- Support Svelte 4 HOT 14
- Can't bind popover's "open" prop to a boolean HOT 1
- Switch not toggling
- RadioGroup and Listbox do not work properly when used together
- Can you readd on:change for listbox, etc
- Typo in Tabs Component Page
- Typescript Error 2322 when assigning object to ListboxOption value parameter
- Dialog breakes SvelteKit client-side routing HOT 2
- Conflicts in Svelte resolve
- Tree shaking HOT 1
- Time to update svelte? HOT 1
- Dialog nested in a Menu automatically opens when Menu opens
- warning when using sveltekit v2: The following packages have a svelte field in their package.json but no exports condition for svelte. HOT 1
- Missing close event on Menu
- Headless UI v2.0.0-alpha released
- Popover not detecting content click events (links / otherwise) in web component context (with fix) HOT 2
- Tabs: adding/removing tab work not properly
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from svelte-headlessui.