@sb1/ffe-shapes-react

Beskrivelse

Dekorative form-komponenter. Inneholder Wave for bølgeformer som visuell overgang mellom seksjoner.

Installasjon

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

Bruk

Full dokumentasjon: https://sparebank1.github.io/designsystem/

Eksempler

Standard bølge med innhold

import { Wave } from '@sb1/ffe-shapes-react';

function SectionWithWave() {
    return (
        <Wave bgColor="subtle">
            <p>Innhold inne i bølgeseksjonen</p>
        </Wave>
    );
}

Rotert bølge (flip)

import { Wave } from '@sb1/ffe-shapes-react';

function FlippedWaveExample() {
    return <Wave flip={true} position="100px" />;
}

Utvikling

npm install
npm run build
npm start

Lokal Storybook kjører på http://localhost:6006/.