Formwerk (@useformwerk) 's Twitter Profile
Formwerk

@useformwerk

The Vue.js πŸ–– framework for building tailored, accessible, and high-quality forms πŸ“‹ with full control and flexibility 🎨

ID: 1835482062234550272

linkhttps://formwerk.dev calendar_today16-09-2024 00:53:43

27 Tweet

150 Followers

7 Following

Formwerk (@useformwerk) 's Twitter Profile Photo

πŸš€ Big news! Formwerk v0.6.0 is here! πŸŽ‰ ✨ New composables: `useComboBox`: Build comboboxes w/ filtering! `useCustomField`: Wrap custom/non-standard form controls. ⚠️ Breaking change in selects πŸ“ Full notes: github.com/formwerkjs/for… πŸ“š Docs: formwerk.dev

πŸš€ Big news! Formwerk v0.6.0 is here! πŸŽ‰

✨ New composables:

`useComboBox`: Build comboboxes w/ filtering!
`useCustomField`: Wrap custom/non-standard form controls.

⚠️ Breaking change in selects

πŸ“ Full notes: github.com/formwerkjs/for…

πŸ“š Docs:
formwerk.dev
Formwerk (@useformwerk) 's Twitter Profile Photo

New Release: 0.6.3 πŸš€ Fixed a bug 🐞 βœ… FormGroup validation not triggering parent form schema. A couple of improvements ✨ πŸͺΊ You can now nest form groups. 🌳 `setFieldTouch` now sets nested paths touched state. We thank all the contributors! 🀝 github.com/formwerkjs/for…

Formwerk (@useformwerk) 's Twitter Profile Photo

As soon as Standard schemas popped up, we made the switch early on. The potential was too great to ignore 🀯 Resolver-based API is NOT developer friendly, and it encourages vendor lock-in πŸ”’ We are extremely happy to be of its early adopters, and we hope to help shape it for

Vue.js Feed (@vuejsfeed) 's Twitter Profile Photo

Boost your Vue.js forms with Formwerk! πŸš€πŸŽž Create consistent, accessible, and high-quality forms with easeβ€”complete with built-in behaviors and i18n support from Formwerk! Explore more: formwerk.dev

Abdelrahman Awad (@logaretm) 's Twitter Profile Photo

If you missed my talk Vue.js Nation, you can now watch it on Vue School YouTube! πŸŽ₯πŸ‘€ I showcased Formwerk and our unique UI-less approach to high quality forms with true focus on i18n and a great care on accessibility ✨ youtube.com/watch?v=vgCIZE…

Formwerk (@useformwerk) 's Twitter Profile Photo

We've just released v0.8.0 with a couple of new fields πŸ”₯πŸš€ 🫡 You can now build custom date field and calendar components and pair them to create a date picker field πŸ“† πŸ“š Check the docs for examples: formwerk.dev/guides/fields/… πŸ”— Changelog: github.com/formwerkjs/for…

We've just released v0.8.0 with a couple of new fields πŸ”₯πŸš€

🫡 You can now build custom date field and calendar components and pair them to create a date picker field πŸ“†

πŸ“š Check the docs for examples:
formwerk.dev/guides/fields/…

πŸ”— Changelog: github.com/formwerkjs/for…
Formwerk (@useformwerk) 's Twitter Profile Photo

Shipping on a Sunday? 😬 v0.8.2 is out with fixes & tweaks, but the big news... πŸš€ Formwerk now has a Vue devtools plugin! πŸŽ‰ Just use any field or form composable and it will pop into your devtools! It’s still an early releaseβ€”excited to make this a great core DX! πŸŽ‰

Formwerk (@useformwerk) 's Twitter Profile Photo

πŸš€ Formwerk v0.9.0: Introducing the OTP field πŸ”’ Now you can easily build accessible, flexible, and fully interactive OTP fields for Vue! It offers validation, masking, prefixes, keyboard navigation with auto-submit, and more 🀯 πŸ“š Check it out now formwerk.dev/guides/fields/…

πŸš€ Formwerk v0.9.0: Introducing the OTP field πŸ”’

Now you can easily build accessible, flexible, and fully interactive OTP fields for <a href="/vuejs/">Vue</a>!

It offers validation, masking, prefixes, keyboard navigation with auto-submit, and more 🀯

πŸ“š Check it out now
formwerk.dev/guides/fields/…
Formwerk (@useformwerk) 's Twitter Profile Photo

πŸš€ Formwerk v0.10.0 is out πŸ”₯ Introducing the Time πŸ•— and File πŸ“ fields! The file fields come with a11y, validation βœ…, upload interface πŸ†™, dropzone, and file preview out of the box 😲 πŸ“š Docs formwerk.dev πŸ”— Release notes github.com/formwerkjs/for…

πŸš€ Formwerk v0.10.0 is out πŸ”₯

Introducing the Time πŸ•— and File πŸ“ fields!

The file fields come with a11y, validation βœ…, upload interface πŸ†™, dropzone, and file preview out of the box 😲

πŸ“š Docs
formwerk.dev

πŸ”— Release notes
github.com/formwerkjs/for…
Formwerk (@useformwerk) 's Twitter Profile Photo

New showcase featuring the time and date fields πŸ”₯πŸ‘€ Animating date segment changes with Max Barvian's excellent NumberFlow for Vue πŸ”—πŸ‘‡ stackblitz.com/edit/formwerk-…

Formwerk (@useformwerk) 's Twitter Profile Photo

Formwerk v0.10.4 is out πŸ”₯ with a couple of minor bug 🐞 fixes around validation and mass setting form values. πŸ”—πŸ‘‡ Changelog github.com/formwerkjs/for…

Formwerk (@useformwerk) 's Twitter Profile Photo

We’ve been awfully quiet 🀫 but only because we’ve been step-ping things up πŸͺœ A new Formwerk release is on the way πŸš€ Can you guess what’s flowing in? πŸ‘€

Formwerk (@useformwerk) 's Twitter Profile Photo

πŸš€ It took some time but Formwerk v0.11.0 now has multi-step forms! βœ… Linear/Non-linear flows βœ… Step-level validation βœ… Accessible next/prev controls βœ… Custom step names βœ… Step Navigation API πŸ”— Get started formwerk.dev/guides/forms/s… πŸ”— Release notes github.com/formwerkjs/for…

πŸš€ It took some time but Formwerk v0.11.0 now has multi-step forms!

βœ… Linear/Non-linear flows
βœ… Step-level validation
βœ… Accessible next/prev controls
βœ… Custom step names
βœ… Step Navigation API

πŸ”— Get started formwerk.dev/guides/forms/s…

πŸ”— Release notes github.com/formwerkjs/for…
Frontend Nation (@frontendnation) 's Twitter Profile Photo

.Abdelrahman Awad, creator of VeeValidate, introduced Formwerk, a lightweight, headless form library for Vue that’s built for full control, flexibility, and accessibility πŸ’šβš‘ πŸ“½οΈ Watch the full talk: youtube.com/watch?v=1r-AHZ… #FEN25