react flash change

react-flash-cambio

Contenedor flash en accesorios de cambio

Manifestación

Aquí hay una página de ejemplos.

Hay fuentes en ./storybook

Instalar

 # Yarn
yarn add @avinlab/react-flash-change

# NPM
npm install --save @avinlab/react-flash-change

Uso

 import React from 'react' ;
import FlashChange from '@avinlab/react-flash-change' ;

const Component = ( { value } ) => {
    < FlashChange
        value = { value }
        flashClassName = "flashing"
        compare = { ( prevProps , nextProps ) => {
            return nextProps . value !== prevProps . value ;
        } }
    >
        < span > { value } </ span >
    </ FlashChange > ;
} ; 

API

Accesorios

Propiedad	Tipo	¿Requerido?	Descripción
comparar	Función		Funciona para comparar los accesorios antes y después de la actualización para resolver para flashear o no. Parámetros de la función: (prevProps, nextProps) . Predeterminado compara props.value . Si return String, será Flash ClassName.
duración de flash	Número		Duración del efecto "flash" en MS. Valor predeterminado: 200 ms
FlashClassName	Cadena		Nombre de clase de efecto flash
estilo flash	Objeto		Objeto de estilo de efecto flash
nombre de clase	cadena		Nombre de clase CSS personalizado opcional
estilo	Objeto		Estilo en línea opcional
OuterelementType	React $ ElementType		El nombre de la etiqueta pasó a document.createElement para crear el elemento del contenedor exterior. Valor predeterminado: div

Licencia

MIT © Avin