Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

How to style using classes (css modules)?

Abierto
#178 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
3/5
Tiempo estimado
1-2 días
Aptitud para principiantes
30/100
Tipo de issue
Nueva funcionalidad
Claridad
Necesita aclaración
Estado de actividad
Estancado
Stack tecnológico
react, sass, typescript
Área
frontend

Línea de trabajo

Start by reading the component's styling and documentation entry points, focusing on how className reaches the container and how textarea styles are applied. Determine whether the existing API documents or supports disabling those inline styles; done means the styling behavior is clearly controllable through classes and documented for CSS Modules users.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

Like most people I'm using css (sass) modules for my components. How do I use css modules with this component?

I see that I can pass className as a prop but then that only gets applied to the .w-tc-editor container div. The textarea still has very opinionated styles applied INLINE on it:

    margin: 0px;
    border: 0px;
    background: none;
    box-sizing: inherit;
    display: inherit;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-variant-ligatures: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    tab-size: inherit;
    text-indent: inherit;
    text-rendering: inherit;
    text-transform: inherit;
    white-space: pre-wrap;
    word-break: keep-all;
    overflow-wrap: break-word;
    outline: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    resize: none;
    color: inherit;
    opacity: 0.8;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
    -webkit-text-fill-color: transparent;
    padding: 10px;
    min-height: 16px;

How do I use this component without any sort of styling on it at all so that I can use classes to control the styling? If there is a way to do this it's not clear at all in the documentation.

Lenguaje dominante
TypeScript
Estrellas
575
Forks
23
Sin PR fusionados en 30 d

Guía de contribución

No hay ninguna guía de contribución indexada para este repositorio

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de uiwjs/react-textarea-code-editor

Todos los issues de uiwjs/react-textarea-code-editor

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.