react flash change

changement de flash

Conteneur flash sur les accessoires de changement

Démo

Voici une page d'exemples.

Il y a des sources dans ./storybook

Installer

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

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

Usage

 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

Accessoires

Propriété	Taper	Requis?	Description
comparer	Fonction		Fonction pour comparer les accessoires avant et après la mise à jour pour résoudre à flasher ou non. Paramètres de fonction: (prevProps, nextProps) . Par défaut, il compare props.value . Si Retour String - ce sera Flash ClassName.
flashduration	Nombre		Durée de "Flash"-Effet dans MS. Par défaut: 200 ms
FlashClassname	Chaîne		Classname à effectif flash
flashstyle	Objet		Objet de style effectif flash
nom de classe	chaîne		Nom de la classe CSS personnalisé en option
style	Objet		Style en ligne facultatif
Type d'orage	React $ elementType		Nom de balise transmis à Document.CreateElement pour créer l'élément de conteneur extérieur. Par défaut: div

Licence

MIT © Avin