Siirry sisältöön

14.5.0

Beta

Nav

Navigaatiokomponentti, jonka avulla voi toteuttaa yhtenäisen navigaation eri kokoisille näytöille.

Julkaistu versiossa 13.6.0

Esikatselu

Käyttötarkoitus

Nav-komponenttia käytetään navigaatiorakenteiden toteuttamiseen. Navigaatiorakenteet mahdollistavat sisältösivujen eri alakategorioiden välillä navigoinnin.

Saavutettavuus

NavLink-komponentin active-prop asettaa aina automaattisesti aria-current="page"-attribuutin ruudunlukijoille. Jos sivulla on useita navigaatioelementtejä (HTML:n nav-elementti), navigaatio on hyvä erottaa muista navigaatioelementeistä aria-label-attribuutilla.

NavLinkToggle-komponentilla voi toteuttaa avautuvia navigaatiorakenteita. NavLinkToggle-komponenttia käytettäessä tulee välttää NavLink-komponentin iconAfter-propin käyttöä.

Esimerkit