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 Takipรงi

7 Takip Edilen

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