diff --git a/README.es-ES.md b/README.es-ES.md new file mode 100644 index 0000000..14f1bf7 --- /dev/null +++ b/README.es-ES.md @@ -0,0 +1,66 @@ +# react-countup-animate + +**Menos dependencias**, **menor tamaño** y **fácil de usar** + +# Demo + +![](https://velog.velcdn.com/images/toitoii080/post/abbfcd96-0c9d-4a1a-9de5-33354c264e56/image.gif) + +Haga clic [aquí](https://stackblitz.com/edit/vitejs-vite-rcrxpi?file=src%2FApp.tsx,src%2Fmain.tsx&terminal=dev) para probar la demo + +# Cómo usar + +**Instalación** + +```shell +npm isntall react-countup-animate +``` + +**Ejemplo de Código** + +```js +import Countup from "react-countup-animate"; + +function App() { + return ( + + // + // + ); +} + +export default App; +``` + +# Opciones + +| Parámetro | Tipo | Predeterminado | Descripción | +| ------------------------- | -------------------------------- | -------------- | ---------------------------------------------------------- | +| `number` (req) | `num` or `str` | ninguno | Número a mostrar (numérico o cadena) | +| `duration` (opt) | `num` | 3 | Tiempo de animación en segundos. El predeterminado es 3 s. | +| `startDelay` (opt) | `num` or `ease-in` or `ease-out` | 0.1 | Retraso de inicio en segundos. El predeterminado es 0.1 s. | +| `endDelay` (opt) | `num` or `ease-in` or `ease-out` | 0.1 | Retraso antes de detenerse en segundos. El predeterminado es 0.1 s.| +| `easeStartDuration` (opt) | `num` | Max(n/3,1) | Tiempo de ejecución de la función ease para ease-in/out. | +| `easeEndDuration` (opt) | `num` | Max(n/3,1) | Tiempo de ejecución de la función ease para ease-in/out. | +| `reverse` (opt) | `bool` | false | Si debe comenzar desde el frente o desde atrás. Predeterminado: false. | +| `style` (opt) | `CSSProps` | ninguno | Estilos CSS (ej. fontsize, fontweight, color). | + +# Más Ejemplos + +```js + +``` + +![](https://velog.velcdn.com/images/toitoii080/post/def429de-5773-42ad-a48b-8a4f3656c2ba/image.gif) + +```js + +``` + +![](https://firebasestorage.googleapis.com/v0/b/myblog-3f34c.appspot.com/o/post%2F1711878176776.webp?alt=media&token=098a8827-e003-490b-a6ba-7d58c8af4989) + +```js + +``` + +![](https://velog.velcdn.com/images/toitoii080/post/9df88be0-1c91-49cb-bbc0-ec7b754873dd/image.gif)