# @taylordb/forms-ui-googleform
Type: renderer package (React 18+)

## Overview

Google Forms-style UI shell for TaylorDB forms. Import this package when you
need `Form`, `Section`, Google-style question cards, page navigation, clear
form, edit response, and submit-another flows.

This package re-exports `@taylordb/forms-ui`, so shared inputs (`TextInput`,
`Dropdown`, `Ranking`, `FileUpload`, composite inputs), autosave helpers,
locales, themes, store hooks, and types are available from the same import.

## Primary Import

```tsx
import {
  Form,
  Section,
  Question,
  TextInput,
  Title,
} from '@taylordb/forms-ui-googleform'
```

## Docs

- README.md - quick start and package ownership.
- example.md - shared schema, sections, local submit, autosave, and styles.
- docs/overview.md - pages, sections, inline media, and package split.
- docs/form-api.md - Google Forms-specific `Form`, `Section`, and steps.
- docs/vite-form-check.md - use `googleFormConfigCheckAdapter`.

## Related Packages

- `@taylordb/forms-ui` - shared runtime, inputs, autosave, locales, docs.
- `@taylordb/forms-ui-typeform` - Typeform-style one-step renderer.
- `@taylordb/forms-core` - `defineForm`, shared step types, validation.
- `@taylordb/forms-taylordb` - recommended with TaylorDB tables (`defineTaylorForm`, `form.createActions`, attachment uploads).

## TaylorDB

For TaylorDB-backed forms, define the schema with `@taylordb/forms-taylordb`,
pass `form.sharedSteps` to `<Form>`, and wire autosave through
`form.mappers(...)`. See `../taylordb/docs/api.md#client-ui`.

## Notes

- Use `@taylordb/forms-ui-googleform/styles.css` for static CSS / SSR.
- `keyboard` is accepted through shared props but ignored by this renderer.
- Use `Section` to group multiple questions on one page.
- `Statement`, `FormImage`, and `FormVideo` render inline on the current page.
- Use `googleFormConfigCheckAdapter` with `formsFormCheckPlugin` for builds.
