@sb1/ffe-spinner-react

Beskrivelse

Lasteindikator for pågående prosesser.

Installasjon

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

Bruk

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

Importering

import { Spinner } from '@sb1/ffe-spinner-react';
import type { SpinnerProps } from '@sb1/ffe-spinner-react';

Eksempler

Grunnleggende bruk

<Spinner />
<Spinner large={true} />
<Spinner immediate={true} />

Med tekst

<Spinner loadingText="Laster inn data..." />

Betinget visning basert på lasting

function DataLoader() {
    const [isLoading, setIsLoading] = useState(true);

    if (isLoading) {
        return <Spinner loadingText="Henter data..." />;
    }

    return <div>{/* Vis data her */}</div>;
}

Utvikling

npm install
npm run build
npm start

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