Next Exit Sign
Next exit sign in the North American style: the miles to the next exit and its gas, food and lodging icons on a blue services face.
pnpm dlx shadcn add @01orbital/next-exit-signThe source comes with full access.
One payment of $149 opens the source right here and lets the CLI install every paid component, with lifetime updates.
Usage
import { NextExitSign } from "@/components/graphics/next-exit-sign"
// Night ground: the faces are cut for a dark page.
export default function NextExitSignDemo() {
return <NextExitSign miles={47} services={["gas", "food"]} />
}API reference
A blue services sign that reads "NEXT SERVICES", a large mile count and "MILES", with an optional row of service icons at the bottom.
Prop
Type
It also accepts the HTML attributes of the element it renders.
Dependencies
npm: @phosphor-icons/react, cn. The CLI installs them for you.
Registry pieces it installs with it:
font-overpass