Title: Provide full integration for Chakra UI and RedwoodJS' form components · Issue #3 · LockTech/aether · GitHub
Open Graph Title: Provide full integration for Chakra UI and RedwoodJS' form components · Issue #3 · LockTech/aether
X Title: Provide full integration for Chakra UI and RedwoodJS' form components · Issue #3 · LockTech/aether
Description: RedwoodJS forms — Chakra UI forms In other words, integrate Chakra UI's form components with react-hook-form. - Ensure all components favor the name prop when provided, not the useFieldName hook's value. - Once complete, extract-out comp...
Open Graph Description: RedwoodJS forms — Chakra UI forms In other words, integrate Chakra UI's form components with react-hook-form. - Ensure all components favor the name prop when provided, not the useFieldName hook's ...
X Description: RedwoodJS forms — Chakra UI forms In other words, integrate Chakra UI's form components with react-hook-form. - Ensure all components favor the name prop when provided, not the useFieldName hoo...
Opengraph URL: https://github.com/LockTech/aether/issues/3
X: @github
Domain: patch-diff.githubusercontent.com
{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Provide full integration for Chakra UI and RedwoodJS' form components","articleBody":"\u003e [RedwoodJS forms](https://redwoodjs.com/docs/forms) — [Chakra UI forms](https://chakra-ui.com/docs/components#form)\r\n\r\n\u003e In other words, integrate Chakra UI's form components with [`react-hook-form`](https://react-hook-form.com/).\r\n\r\n- [ ] - **Ensure all components favor the name _prop_ when provided, not the `useFieldName` hook's value.**\r\n- [ ] - Once complete, extract-out components into a library.\r\n- [ ] - Ensure all components integrate with Chakra UI's `isInvalid`, `isRequired`, ... props.\r\n- [ ] - Integrate the following components:\r\n - [x] - Button (Submit)\r\n - [ ] - Checkbox\r\n - [ ] - Editable\r\n - [x] - Form Control\r\n - [x] - Input\r\n - [ ] - Number Input\r\n - [ ] - Pin Input\r\n - [ ] - Radio\r\n - [ ] - Range Slider\r\n - [x] - [Select](https://github.com/LockTech/aether/commit/10af171b520f24496187438a739d52e6b30651cb)\r\n - [ ] - Slider\r\n - [ ] - Switch\r\n - [ ] - Textarea\r\n\r\n### Optional Components (provided as _Recipes_)\r\n\r\n- [ ] - [`chakra-react-select`](https://www.npmjs.com/package/chakra-react-select)","author":{"url":"https://github.com/realStandal","@type":"Person","name":"realStandal"},"datePublished":"2022-09-15T05:11:12.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":0},"url":"https://github.com/3/aether/issues/3"}
| route-pattern | /_view_fragments/issues/show/:user_id/:repository/:id/issue_layout(.:format) |
| route-controller | voltron_issues_fragments |
| route-action | issue_layout |
| fetch-nonce | v2:02ed58c5-8387-a2c3-62ef-16d5a7a937f4 |
| current-catalog-service-hash | 81bb79d38c15960b92d99bca9288a9108c7a47b18f2423d0f6438c5b7bcd2114 |
| request-id | C924:F9F81:2EED372:3DA2B32:697D6C0C |
| html-safe-nonce | b60c6691357f94ac10e5b5641451e015db3297ebb295ee2c985be0cb8de6e434 |
| visitor-payload | eyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiJDOTI0OkY5RjgxOjJFRUQzNzI6M0RBMkIzMjo2OTdENkMwQyIsInZpc2l0b3JfaWQiOiIyODQ3NDgxMTcyMjIxOTAwOTIiLCJyZWdpb25fZWRnZSI6ImlhZCIsInJlZ2lvbl9yZW5kZXIiOiJpYWQifQ== |
| visitor-hmac | 0974a9588bb4b1f9619d4e2f130da79b3f24523261f2ab85853be82277555c9b |
| hovercard-subject-tag | issue:1373929548 |
| github-keyboard-shortcuts | repository,issues,copilot |
| google-site-verification | Apib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I |
| octolytics-url | https://collector.github.com/github/collect |
| analytics-location | / |
| fb:app_id | 1401488693436528 |
| apple-itunes-app | app-id=1477376905, app-argument=https://github.com/_view_fragments/issues/show/LockTech/aether/3/issue_layout |
| twitter:image | https://opengraph.githubassets.com/13ada207612686711aead8eb9e6adca261d60289633c20cdbfdf89317b2b3fd3/LockTech/aether/issues/3 |
| twitter:card | summary_large_image |
| og:image | https://opengraph.githubassets.com/13ada207612686711aead8eb9e6adca261d60289633c20cdbfdf89317b2b3fd3/LockTech/aether/issues/3 |
| og:image:alt | RedwoodJS forms — Chakra UI forms In other words, integrate Chakra UI's form components with react-hook-form. - Ensure all components favor the name prop when provided, not the useFieldName hook's ... |
| og:image:width | 1200 |
| og:image:height | 600 |
| og:site_name | GitHub |
| og:type | object |
| og:author:username | realStandal |
| hostname | github.com |
| expected-hostname | github.com |
| None | 60279d4097367e16897439d16d6bbe4180663db828c666eeed2656988ffe59f6 |
| turbo-cache-control | no-preview |
| go-import | github.com/LockTech/aether git https://github.com/LockTech/aether.git |
| octolytics-dimension-user_id | 56982377 |
| octolytics-dimension-user_login | LockTech |
| octolytics-dimension-repository_id | 533004840 |
| octolytics-dimension-repository_nwo | LockTech/aether |
| octolytics-dimension-repository_public | true |
| octolytics-dimension-repository_is_fork | false |
| octolytics-dimension-repository_network_root_id | 533004840 |
| octolytics-dimension-repository_network_root_nwo | LockTech/aether |
| turbo-body-classes | logged-out env-production page-responsive |
| disable-turbo | false |
| browser-stats-url | https://api.github.com/_private/browser/stats |
| browser-errors-url | https://api.github.com/_private/browser/errors |
| release | 7c85641c598ad130c74f7bcc27f58575cac69551 |
| ui-target | full |
| theme-color | #1e2327 |
| color-scheme | light dark |
Links:
Viewport: width=device-width