LockTech/aether

Provide full integration for Chakra UI and RedwoodJS' form components

Open

#3 opened on Sep 15, 2022

View on GitHub
 (0 comments) (0 reactions) (0 assignees)TypeScript (1 fork)auto 404
front-endgood first issue

Repository metrics

Stars
 (4 stars)
PR merge metrics
 (PR metrics pending)

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 components into a library.
  • - Ensure all components integrate with Chakra UI's isInvalid, isRequired, ... props.
  • - Integrate the following components:
    • - Button (Submit)
    • - Checkbox
    • - Editable
    • - Form Control
    • - Input
    • - Number Input
    • - Pin Input
    • - Radio
    • - Range Slider
    • - Select
    • - Slider
    • - Switch
    • - Textarea

Optional Components (provided as Recipes)

Contributor guide

Research direction
Implement integrations for each listed Chakra UI form component with RedwoodJS forms using react hook form, prioritizing the name prop and Chakra UI's invalid/required props. Extract completed components into a library.
Tech stack
typescriptreact
Domain
frontend
Issue type
Feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-2 days
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
GitReact
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
65