rjsf-team/react-jsonschema-form

Tailwind support

Open

#3 199 ouverte le 17 oct. 2022

Voir sur GitHub
 (16 commentaires) (20 réactions) (0 assignés)TypeScript (2 136 forks)batch import
featurehelp wanted

Métriques du dépôt

Stars
 (13 175 stars)
Métriques de merge PR
 (Merge moyen 3j 17h) (32 PRs mergées en 30 j)

Description

Prerequisites

What theme are you using?

other

Is your feature request related to a problem? Please describe.

Tailwind is yeat an another css libraries but have such flexibility, popularity for dark mode or other things more simple to do with tailwind. It will be nice to have this library for having such flexibility to design inputs.

Describe the solution you'd like

tailwind implemented and dark mode with "dark:bg-blue-600" for exemple.

Describe alternatives you've considered

Get components on https://tailwindcomponents.com/ and FlowBite for integrate them directly (will be dirctly the className string).

Guide contributeur

Direction de recherche
Examinez les implémentations de thème existantes dans le dépôt, en particulier les thèmes Bootstrap et Ant Design dans le répertoire `src/theme`. Comprenez comment ils sont mappés aux composants (par exemple `TextWidget`, `SelectWidget`). Créez un nouveau thème utilisant les classes utilitaires Tailwind. L'issue mentionne également la prise en charge du mode sombre avec les variantes `dark:`. Consultez `src/utils` pour les utilitaires de thème. Il y a 16 commentaires discutant de la portée ; tenez compte des retours du mainteneur pour les critères d'acceptation.
Stack technique
typescriptreacttailwindcss
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.
Une demi journée
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
ReactTailwind CSS
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
70