rjsf-team/react-jsonschema-form

Tailwind support

Open

#3199 opened on Oct 17, 2022

View on GitHub
 (16 comments) (20 reactions) (0 assignees)TypeScript (13,175 stars) (2,136 forks)batch import
featurehelp wanted

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).

Contributor guide

Tech stack
typescriptreacttailwindcss
Domain
frontenddesign
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.
3-5 days
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
mostly clear
Prerequisites
ReactTypeScriptTailwind CSS
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
35
Research direction
Examine the existing theme implementations in the repository, especially the Bootstrap and Ant Design themes in the `src/theme` directory. Understand how they map to the components (e.g., `TextWidget`, `SelectWidget`). Create a new theme that uses Tailwind utility classes. The issue also mentions dark mode support with `dark:` variants. Look at the `src/utils` for theming utilities. There are 16 comments discussing scope; consider the maintainer's feedback for acceptance criteria.