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

Full documentation on grid usage is available at https://design.sparebank1.no/komponenter/grid/.

This component supports TypeScript - please update index.d.ts if you change any of the external methods or properties in this component.

For å lettere inspisere hvordan innholdet legger seg i kolonner, eller for å se hvordan gridden vil kunne passe inn på en eksisterende webside eksporteres det et separat util som vil lage en full-skjerm overlay med kolonner på en eksisterende side. Fra denne modulen eksporteres bare en funksjon som lager en fixed positioned div og det er opp til applikasjonen hvordan man ønsker å bruke den.

Et eksempel er

import showGrid from '@sb1/ffe-grid-react/lib/show-grid';
window.showGrid = showGrid;

Funksjonen man importerer fra ffe-grid-react/lib/show-grid fungerer som en toggle.

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.