how to add animation slide-up and slide-down on TabPanel when changing tabs?
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 4/5
- Tiempo estimado
- 3-5 días
- Aptitud para principiantes
- 25/100
- Tipo de issue
- Nueva funcionalidad
- Claridad
- Necesita aclaración
- Estado de actividad
- Estancado
- Stack tecnológico
- javascript, react
- Área
- frontend
Línea de trabajo
El issue proporciona un ejemplo de jQueryScript y CSS personalizado para .react-tabs__tab-panel--selected con @keyframes slideeffect; empieza reproduciendo un cambio de pestaña en react-tabs y comparando el comportamiento deseado de slide-up/slide-down. No se indica ningún archivo del repositorio ni ninguna prueba, por lo que los maintainers deben aclarar una ubicación concreta de implementación y la definición de done.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
I want something like this but automatically slide when changing tabs
I already add custom css, but it seems not like I wanted
here's my css
.react-tabs__tab-panel--selected {
animation: slideeffect 500ms ease-out;
opacity: 1;
}
@keyframes slideeffect {
0% {
opacity: 0;
transform: translateY(100%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
- Lenguaje dominante
- JavaScript
- Estrellas
- 3.1k
- Forks
- 455
- Merge medio
- 5 h 9 min
- PR fusionados (30 d)
- 2
Guía de contribución
No hay ninguna guía de contribución indexada para este repositorio
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de reactjs/react-tabs
-
Dificultad 3/5 1-2 días Aptitud para principiantes 25/100
reactjs/react-tabs#584 ·
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 45/100
reactjs/react-tabs#581 · 3 comentarios ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 35/100
reactjs/react-tabs#571 ·
-
Support hiding of all TabPanels Abierto
Dificultad 4/5 3-5 días Aptitud para principiantes 35/100
reactjs/react-tabs#525 · 1 comentario · 1 reacción ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 35/100
reactjs/react-tabs#521 · 3 comentarios ·
Todos los issues de reactjs/react-tabs
Issues similares
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 65/100
-
Theme loads third-party resources on every page (jsdelivr web font, cdnjs Font Awesome) – GDPR Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
docToolchain/docToolchain#1705 ·
-
Timezone select lists one option per character; duplicate "Failed" reason; shared tracker popover id Abiertobug
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
nightscout/nocturne#1414 ·
-
bug v2
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
modelcontextprotocol/inspector#2458 · 1 comentario ·
-
Mend: dependency security vulnerability status: needs triage 🕵️♀️
Dificultad 2/5 1-3 horas Aptitud para principiantes 70/100
carbon-design-system/ibm-products#9907 ·