LockTech/aether

Provide full integration for Chakra UI and RedwoodJS' form components

Ouverte

#3 ouverte le 15 sept. 2022

Voir sur GitHub
 (0 commentaire) (0 réaction) (0 personne assignée)TypeScript (1 fork)auto 404
front-endgood first issue

Métriques du dépôt

Stars
 (4 étoiles)
Métriques de merge PR
 (Métriques PR en attente)

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)

Guide contributeur

Direction de recherche
Implémentez les intégrations pour chaque composant de formulaire Chakra UI listé avec les formulaires RedwoodJS en utilisant react hook form, en priorisant la prop name et les props invalid/required de Chakra UI. Extrayez les composants terminés dans une bibliothèque.
Stack technique
typescriptreact
Domaine
frontend
Type d'issue
Fonctionnalité
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-2 jours
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Récente
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
GitReact
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
65