Siirry pääsisältöönSiirry sivunavigaatioon
Suomi.fi Design System

Komponenttien käyttöohje

Suomi.fi Design System tarjoaa kokoelman saavutettavia, uudelleenkäytettäviä ja dokumentoituja käyttöliittymäkomponentteja. Komponentit on toteutettu Suomi.fi-identiteetin mukaisina React-komponentteina.

Komponenttikirjasto tarjoaa kaikki komponentit samasta npm-moduulista. Kirjaston tekninen ohjeistus ja käyttöönotto löytyy GitHub-dokumentaatiosta.

GitHubAvautuu uudessa välilehdessä

Komponenttien käyttö

Kirjastosta voi valita käyttöön haluamiaan komponentteja. Komponentit ovat avointa lähdekoodia.

Teeman muokkaaminen

Kirjaston käyttämää oletusteemaa voi myös tarvittaessa muokata. Teeman muokkaaminen vaikuttaa kaikkiin muokatun teeman sisältämiin komponentteihin.

Komponenttien vaativampi muokkaaminen

Jos komponentin tyylejä tarvitsee täydentää tai muokata se onnistuu usealla eri tavalla.