rjsf-team/react-jsonschema-form

A 'raw' theme, without any styles applied

Open

#4492 aperta il 10 feb 2025

Vedi su GitHub
 (5 commenti) (1 reazione) (0 assegnatari)TypeScript (2136 fork)batch import
featurehelp wantedtheme-request

Metriche repository

Star
 (13.175 star)
Metriche merge PR
 (Merge medio 3g 3h) (42 PR mergiate in 30 g)

Descrizione

Prerequisites

What theme are you using?

core

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

I would like to control the UI of the form, but currently using the "core" library assumes usage of Bootstrap.

Describe the solution you'd like

  1. A "raw" version of the form, with no classes/styles applied.
  2. A way to apply/override classes to specific elements, at a global level, for example:
{
    field: "my-field-class",
    input: "my-input-class",
}

Describe alternatives you've considered

What I am currently doing is copying all the code for the core library, and adding a class to style with CSS.

I don't like this approach as this also duplicates logic (and I'm not changing any of that, literally adding a class, so I can then override bootstrap) - I feel this leaves me vulnerable to breaking changes.

Guida contributor

Direzione di ricerca
La richiesta riguarda un tema 'raw' senza stili e un meccanismo per applicare classi globali personalizzate. Inizia esaminando l'implementazione del tema esistente nel repository, in particolare il tema 'core', che attualmente presuppone Bootstrap. Osserva come sono strutturati i temi nel codice sorgente, probabilmente in una directory 'themes'. La discussione nell'issue potrebbe contenere suggerimenti dei maintainer sull'approccio. Il compito prevede la creazione di un nuovo tema che renderizzi gli elementi del modulo senza classi predefinite e l'aggiunta di un'opzione di configurazione per i nomi delle classi personalizzate. Sarebbe utile rivedere issue o PR relative ai temi per comprendere l'architettura.
Tech stack
typescriptreact
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Mezza giornata
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
Reactreact json schema formtheming system
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
45