Jøkul av Fremtind

Jøkul er et designsystem som er utviklet av Fremtind.

Stil: Jøkul gir deg css- og scss-stilark for de grunnleggende komponentene og designmønstrene til Fremtind. De følger Fremtinds designprinsipper.
Komponenter: React-komponentene våre er klare til bruk. Vi har skrevet dem i Typescript, slik at utvikleropplevelsen blir bedre og det blir færre feil.
Kan utvides: Jøkul har innebygd støtte for css, scss og React, men er lagt opp til å kunne støtte andre rammeverk og fremtidig teknologi.

Kom i gang

Du kan bruke Jøkul på to måter. Du kan enten ta inn kun stilark eller du kan bruke stilarkene og de ferdige komponentene. Komponentpakkene inneholder alt som trengs, inkludert avhengigheter til andre pakker. NB! Selv om komponentpakkene inneholder alle avhengigheter må du selv sørge for å importere stilpakken i koden din.

React-pakker

yarn install @fremtind/jkl-button-react

import { PrimaryButton } from "@fremtind/jkl-button-react";
import "@fremtind/jkl-button/button.min.css"; // husk å importere stilarket
...
<PrimaryButton onClick={doStuff}>Cool</PrimaryButton>
...

Stilark-pakker

Hvis du ikke vil bruke React-komponentene, kan du bruke stilarkene direkte. Da laster du enten inn css-filene, eller du laster inn scss-filene inn i din egen scss-fil og får tilgang til Jøkuls variabler og mixins. Pass på at du har den riktige loaderen for å ta dette i bruk i prosjektet ditt. yarn install @fremtind/jkl-button

import "@fremtind/jkl-button/button.min.css";
...
<button classname="jkl-button--primary" onClick={doStuff}>Cool</button>
...

Dokumentasjon

På https://fremtind.github.io/jokul/ finner du informasjon om hvordan du bruker Jøkul, om designprinsippene til Fremtind og beskrivelse, bruksområder og kode for hver enkelt komponent.

Bidra

Formålet vårt med Jøkul er at det skal gå raskere å utvikle Fremtind-løsninger. Det skal være enkelt og lett å vedlikeholde og de ferdige løsningene skal føles like, selv om de er spesifikke for ulike fagområder i Fremtind eller ulike kundebehov. All utvikling skjer åpent på GitHub. Det gjør at alle interesserte kan følge med, påvirke retningen vi går i og være med på å videreutvikle designsystemet.

Bidragsguide

Vi setter pris på alle bidrag, enten du rapporterer feil, har ønsker om ny funksjonalitet, bugfix eller vil utvikle noe nytt.

Les mer om hvordan du kan bidra i guiden vår.

Oppførsel

Jøkul er et åpent og positivt felleskap der alle skal føle seg velkommen. Gjør deg kjent med våre etiske regler for bidragsytere før du deltar med bidrag.

Lisens

Jøkul er distribuert under MIT-lisensen for åpen kildekode.

Bidragsytere

Takk for bidrag fra disse flotte menneskene (emoji-oversikt):

_{Pio Rasch-Halvorsen} 💻 👀 📖	_{Glenn A. Brownlee} 📆 📋	_{Leiv Fredrik Berge} 💻 📖 🚇 👀	_{Simen Sægrov} 💻 👀	_Steinop 🎨	_{ambientconflict} 💻	_{Nicolai Hagen} 💻
_{Stian Liknes} 💻	_hhannestad 🎨	_idalower 📖	_Gorild 📖 👀	_{Mikkel Blytt} 🎨 📖	_Martinvks 💻	_{Kristoffer Nordström} 💻