NavLink
E559079
NavLink is a specialized React Router component used to create navigation links that can automatically apply styling based on the current route’s active state.
Statements (51)
| Predicate | Object |
|---|---|
| instanceOf | React Router component ⓘ |
| availableIn |
React Router v5
NERFINISHED
ⓘ
React Router v6 NERFINISHED ⓘ |
| category |
frontend routing component
ⓘ
web development component ⓘ |
| differsFrom | Link by providing active styling ⓘ |
| documentedAt | https://reactrouter.com ⓘ |
| hasBehavior |
applies active styles when URL matches
ⓘ
can match exact routes with end prop ⓘ can match partial routes by default ⓘ renders anchor element by default ⓘ uses current location from router context ⓘ |
| hasProperty |
aria-current
ⓘ
caseSensitive ⓘ children ⓘ className ⓘ className function for active state ⓘ download ⓘ draggable ⓘ end ⓘ id ⓘ onClick ⓘ preventScrollReset ⓘ rel ⓘ reloadDocument ⓘ replace ⓘ role ⓘ state ⓘ style ⓘ style function for active state ⓘ tabIndex ⓘ target ⓘ title ⓘ to ⓘ type ⓘ |
| introducedIn | React Router v4 NERFINISHED ⓘ |
| partOf | React Router NERFINISHED ⓘ |
| requires |
React
NERFINISHED
ⓘ
React Router context ⓘ |
| similarTo | Link ⓘ |
| supportsFeature |
active link styling
ⓘ
automatic active state detection ⓘ conditional styling based on route ⓘ declarative routing ⓘ navigation links ⓘ |
| usedFor |
breadcrumbs
ⓘ
header navigation ⓘ navigation menus ⓘ sidebar navigation ⓘ |
| usedIn | React applications ⓘ |
| writtenIn | JavaScript NERFINISHED ⓘ |
Referenced by (1)
Full triples — surface form annotated when it differs from this entity's canonical label.