From 356783f5e6d0d9afe969136a55209aeb27d3ffb8 Mon Sep 17 00:00:00 2001 From: Carlos Jimenez Date: Tue, 23 Jun 2026 11:44:10 -0700 Subject: [PATCH] docs(lit): fix casing typos and broken syntax in quick-start The Lit framework quick-start had three bugs in the same file: 1. Line 6: 'create a \TanstackFormController\' (lowercase 's') in text. The class is named 'TanStackFormController' (capital 'S') per packages/lit-form/src/tanstack-form-controller.ts and is correctly cased on lines 16 and 40. Updated the text to match. 2. Line 16: 'new TanStackFormController()(this, ...)'. The angle brackets form a separate call on the result of the constructor. The type parameter belongs on the constructor itself: 'new TanStackFormController(this, ...)'. As written, this would not compile. 3. Line 28: 'the \ ield\ method of \TanstackFormController\' (lowercase 's') in text. Same typo as line 6. All three are corrected in one commit. --- docs/framework/lit/quick-start.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/docs/framework/lit/quick-start.md b/docs/framework/lit/quick-start.md index 6bb0bdf74..8f086a7e0 100644 --- a/docs/framework/lit/quick-start.md +++ b/docs/framework/lit/quick-start.md @@ -3,7 +3,7 @@ id: quick-start title: Quick Start --- -The bare minimum to get started with TanStack Form is to create a `TanstackFormController` as seen below with the `Employee` interface for our test form: +The bare minimum to get started with TanStack Form is to create a `TanStackFormController` as seen below with the `Employee` interface for our test form: ```ts interface Employee { @@ -13,7 +13,7 @@ interface Employee { jobTitle: string } -#form = new TanStackFormController()(this, { +#form = new TanStackFormController(this, { defaultValues: { firstName: '', lastName: '', @@ -25,7 +25,7 @@ interface Employee { In this example `this` references the instance of your `LitElement` in which you want to use TanStack Form. -To wire a form element in your template up with TanStack Form, use the `field` method of `TanstackFormController`. +To wire a form element in your template up with TanStack Form, use the `field` method of `TanStackFormController`. The first parameter of `field` is `FieldOptions` and the second is callback to render your element.