Skip to main content

Router

Collection of navigational components that compose declaratively with your application.

Submit feedback
github
import { Router } from '@uhg-abyss/web/ui/Router';

Usage

Routes must be wrapped in an RouterProvider for navigation to work. Find additional resources on our RouterProvider component in RouterProvider. Routes are chosen based on the best match instead of being traversed in order.

Link is used to support components for Router. Use the href prop to set the link destination.

Breadcrumbs can be integrated with Router to provide navigation context to users.

Additional documentation

Teams wanting to use React Router (v7) directly can import from this path to ensure consistent versions across your application:

import { useLocation, useParams } from '@uhg-abyss/web/tools/reactRouterTools';

Router.Routes Props

Prop NameTypeDefaultDescription
titlestring-The title of the router component
Table of Contents