Siirry pääsisältöönSiirry sivunavigaatioon

Block (Lohko)

Lohko on sivun osiointiin tarkoitettu geneerinen alue, joka edesauttaa Suomi.fi Design Systemin mukaisten tyylien käyttöä.

Main alue 'm' marginaalilla

Saavutettavuus ja käytettävyys

  • Käyttäessäsi lohkoelementtiä, määrittele sille osion semanttinen merkitys.

Koko ja käyttö

Lohkoelementtiä käytetään sivun osiointiin ja se vastaa käyttötarkoitukseltaan esim. div, nav, header ja main HTML-elementtejä. Lohkoelementille semanttinen merkitys voidaan antaa parametrina.

Lohkoelementille voidaan myös antaa Suomi.fi tyylien mukaisia tyylimääreitä. Tyylit voidaan antaa komponentille suoraan parametreina, mikä poistaa tarpeen tyylien määrittelemiselle erikseen ja edesauttaa Suomi.fi Design Systemin mukaisten tyylien käyttöä. Lohkoelementti saa myös automaattisesti Suomi.fi tyylien mukaiset fonttimääreet.