@sb1/ffe-decorators-react

Install

npm install --save @sb1/ffe-decorators-react

Usage

import decorator from '@sb1/ffe-decorators-react/lib/decorator';

decorator(config)(MyComponent);

Decorators

ease-properties

En dekoratør-klasse som kan brukes i forbindelse med animering med Javascript. Denne sørger for at en endring i en gitt property skjer gradivis over et gitt tidsinterval i stedet for at den endres med en gang.

Opprett komponenten med

easeProperties({
    foobar: {
        initialValue: 1,
        duration: 0.5,
    },
})(MyComponent);

Der foobar er propertyen man er interessert i, initialValue er start-verdien og duration er hvor lang tid det skal ta før en property-endringen er fullført.

Det er frivillig å oppgi en initialValue. Dersom det ikke angis en duration blir 1s brukt som default.

Development

To start a local development server, run the following from the designsystem root folder:

npm install
npm run build
npm start

A local instance of component-overview with live reloading will run at http://localhost:1234/.

Example implementations using the latest versions of all components are also available at https://sparebank1.github.io/designsystem.