base-ui icon indicating copy to clipboard operation
base-ui copied to clipboard

[experiments] Add Tanstack Form integration

Open mj12albert opened this issue 2 months ago • 3 comments

https://deploy-preview-2948--base-ui.netlify.app/experiments/forms/tanstack

The validation can get a bit weird since the API and docs are huge and a bit confusing

Some findings:

  • TSF doesn't directly support focusing errors: https://tanstack.com/form/latest/docs/framework/react/guides/focus-management

  • The definition of "dirty" is different from RHF: https://tanstack.com/form/latest/docs/framework/react/guides/basic-concepts#understanding-isdirty-in-different-libraries

  • [x] I have followed (at least) the PR section of the contributing guide.

mj12albert avatar Oct 09 '25 19:10 mj12albert

vite-css-base-ui-example

pnpm add https://pkg.pr.new/mui/base-ui/@base-ui-components/react@2948
pnpm add https://pkg.pr.new/mui/base-ui/@base-ui-components/utils@2948

commit: 46002e2

pkg-pr-new[bot] avatar Oct 09 '25 19:10 pkg-pr-new[bot]

Deploy Preview for base-ui ready!

Name Link
Latest commit c0036b4cf1b5deb86719fc89831a50190a742c2d
Latest deploy log https://app.netlify.com/projects/base-ui/deploys/68ef7ce5d5ad5d0008e8eff4
Deploy Preview https://deploy-preview-2948--base-ui.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

netlify[bot] avatar Oct 09 '25 19:10 netlify[bot]

Bundle size report

Bundle Parsed size Gzip size
@base-ui-components/react 0B(0.00%) 0B(0.00%)

Details of bundle changes


Check out the code infra dashboard for more information about this PR.

mui-bot avatar Oct 09 '25 19:10 mui-bot