Created
October 5, 2023 18:49
-
-
Save codigoconjuan/e1a67f2a729bc44978c2c7d0f946ce7e to your computer and use it in GitHub Desktop.
Código para swipleable List
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /*** SWIPE LIST OVERRIDES **/ | |
| .swipeable-list-item__leading-actions, | |
| .swipeable-list-item__trailing-actions { | |
| @apply text-white text-lg uppercase font-bold; | |
| } | |
| .swipeable-list-item__leading-actions{ | |
| @apply bg-blue-600; | |
| } | |
| .swipeable-list-item__trailing-actions { | |
| @apply bg-pink-600; | |
| } | |
| .swipeable-list .swipe-action { | |
| @apply flex justify-center items-center | |
| } | |
gracias profe
gracias profe
Gracias Profe
Gracias Profe
uwu arigato
Gracias profe
muchas gracias, sus cursos son los mejores <3
hola, alguien en 2026 tiene problema en esta parte con el Swipeable, al importarlos en expansedetails import { LeadingActions, SwipeableListItem, SwipeAction, TrailingActions } from "react-swipeable-list", la pagina se queda en blanco, estoy viendo que el componente Swipeable List, igual ya tiene 2 años sin actualizar, tal vez problema de versiones con react
instalen npm install prop-types. Y maxSwipe ya cambio el rango de valores.
Type: 'number' (optional, default: 1.0)
Limit the swipe to percent of width, e.g.: 0.5 will make swipe possible only for 50% of elements's width
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
gracias