rjsf-team/react-jsonschema-form

A 'raw' theme, without any styles applied

Open

#4.492 aberto em 10 de fev. de 2025

Ver no GitHub
 (5 comments) (1 reaction) (0 assignees)TypeScript (2.136 forks)batch import
featurehelp wantedtheme-request

Métricas do repositório

Stars
 (13.175 stars)
Métricas de merge de PR
 (Mesclagem média 3d 3h) (42 fundiu PRs em 30d)

Description

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.

Guia do colaborador

Direção de pesquisa
A issue solicita um tema 'raw' sem estilos e um mecanismo para aplicar classes globais personalizadas. Comece examinando a implementação do tema existente no repositório, particularmente o tema 'core', que atualmente assume o Bootstrap. Observe como os temas são estruturados no código fonte, provavelmente em um diretório 'themes'. A discussão na issue pode conter sugestões dos mantenedores sobre a abordagem. A tarefa envolve criar um novo tema que renderize elementos de formulário sem classes padrão e adicionar uma opção de configuração para nomes de classes personalizados. Seria útil revisar issues ou PRs relacionados a temas para entender a arquitetura.
Pilha de tecnologia
typescriptreact
Domain
frontend
Tipo Issue
Funcionalidade
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
3
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
Meio dia
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
Reactreact json schema formtheming system
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
45