Comments (7)
Uh, I hope I am not too late... My vote would be to datepicker.
Although React has great and nice options, Vue doesn't have so much lucky. The most popular package is v-calendar. It's very complete and uses TailwindCSS, but it's kind of abandoned and the build has almost 250 KB.
Right now I am using a Vue wrapper of Flatpickr. It's lightweight and has a lot of features, but the code is... kind of bad. And I am sure you don't want to see my >500 lines of @apply
to make it looks familiar with my application 😩
This lack of good options to Vue can be an opportunity.
Needs mention:
- duetds/date-picker is a universal web component, only 10 KB and it does a great a11y work
- dbrekalo/vue-date-pick has a nice interface and weights only 5 KB, but it's very limited
Features that I believe are nice to have:
- Date range with only one calendar
- Possibility to see multiple months at once
- i18n with native internationalization
- Allow system native datepicker on mobile
from headlessui.
Something I would love in the next set of components would be a Combobox -- an extension of the ListBox based around a text input rather than a select
from headlessui.
Personally, I would love lower level components for building things like tooltips and popovers. It feels like Menu could be repurposed for that, but a dedicated API would be ideal!
from headlessui.
Thanks for the suggestions. We are currently focusing on components that we need for Tailwind UI. Spoiler, one of them will be the Accordion component.
from headlessui.
Not sure why this hasn't been re-open, and about the "accordion" component it's real name is "Disclosure" if I am correct!
From the two libraries that @hmaesta have mentioned, the first one catch my attention, what took me a little adventure on the react world, I found BlueprintJs who provides several components to interacts with dates, times and times zones very well!
You mind take a look at this: https://blueprintjs.com/docs/#datetime
There definitely missing one of this for Headless UI!
Keep your great job guys! We love Tailwind over here!
from headlessui.
Literally deciding what we're going to build next this afternoon, right now it's not 100% certain. Accordion is a good candidate!
from headlessui.
There is no more components, right?
from headlessui.
Related Issues (20)
- ESLint - Vue - Linting errors with HeadlessUI using "reserved" names HOT 2
- Add RTL support to Tabs HOT 2
- ComboBox single-select: after selection is done, input field gets focus
- Focus is lost when hitting tag when using transition HOT 1
- Can not use the combobox scrollbar in a bootstrap modal HOT 9
- Mobile - Dropdowns automatically close when scrolling outside of the dropdown element. HOT 1
- Combobox: input defaultValue change when displayValue change HOT 1
- Nesting of dialogs is sometimes broken
- focus-visible on tab is triggered on first click after page load HOT 1
- Select dropdown option selection gets disabled when using with HeadlessUI Popover
- [DOCS]: Website isn't active HOT 2
- Dialog's initialFocus on input does not trigger iOS shifting view up HOT 1
- Can not use the combobox scrollbar inside the Tab Component
- Can not use the combobox scrollbar inside the Tab or Radio Group components HOT 2
- @headlessui/tailwindcss 'ui-open' utility class inheritance inside Dialog HOT 2
- `provideUseId` not available in insiders version
- Add programmatic control of Headless UI components open state
- Insiders version of Tabs is breaking page overflow on mobile HOT 1
- [DOCS]: Documentation site dosen't loads up HOT 1
- Input doesn't capture `aria-invalid` prop to set the invalid state HOT 2
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 headlessui.