rjsf-team/react-jsonschema-form

Tailwind support

Open

#3,199 建立於 2022年10月17日

在 GitHub 查看
 (16 留言) (20 反應) (0 負責人)TypeScript (13,175 star) (2,136 fork)batch import
featurehelp wanted

描述

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

貢獻者指南

技術棧
typescriptreacttailwindcss
領域
frontenddesign
議題類型
feature
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
3
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
3-5 days
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
active
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
mostly clear
前置要求
ReactTypeScriptTailwind CSS
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
35
研究方向
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.