rjsf-team/react-jsonschema-form

Tailwind support

Open

#3,199 opened on Oct 17, 2022

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

Repository metrics

Stars
 (13,175 stars)
PR merge metrics
 (Avg merge 3d 17h) (32 merged PRs in 30d)

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

Research direction
Explore the existing theme system in react jsonschema form (e.g., Ant Design, Bootstrap) and create a new theme for Tailwind CSS. Follow the pattern of other themes and implement dark mode support using Tailwind's dark: variants.
Tech stack
typescriptreacttailwindcss
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.
Half day
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.
Clear
Prerequisites
ReactTailwind CSS
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70