[Feature] Allow passing custom props to button

Abierto
#136 1 comentario 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
35/100
Tipo de issue
Nueva funcionalidad
Claridad
Bastante claro
Estado de actividad
Estancado
Stack tecnológico
react, typescript
Área
devtools, frontend

Línea de trabajo

The issue does not name a file or test. Start by locating the React Hook Form devtools button and compare its props surface with the React Query example shown in the report. Done means callers can pass custom className and style values to reposition or restyle the button.

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

Descripción

feature request

With the react-query devtools I can pass in custom props to make adjustments to it. In particular, it's good to be able to pass a className or a custom style to override some defaults, like done here:

<ReactQueryDevtools
  position="bottom-left"
  toggleButtonProps={{
    className: 'noPrint',
    style: { transform: 'translateY(-3rem)' },
  }}
  panelProps={{
    className: 'noPrint',
  }}
/>

None of the placements of the react-hook-form devtools button work for me as there are fixed toolbars at the top and the bottom of our app. So I need to be able to pass in a transform to nudge it upwards, like I am able to with the react-query devtools.

Lenguaje dominante
TypeScript
Estrellas
670
Forks
55
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 react-hook-form/devtools

Todos los issues de react-hook-form/devtools

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.