Skip to main content
Version: Latest (1.0)

Link Component

Much like the Link Component from Inertia.js, Laravext has its own Link component, which is a wrapper around the a tag and the visit function that allows you to navigate between pages without a full page reload. It accepts two props: preserveScroll (defaults to false) and a redirectToUrlIntended (defaults to true).

The preserveScroll prop is used to keep the scroll position of the page when navigating back to it. The redirectToUrlIntended prop is used to redirect to a intended url that was stored in the session when being redirected by a middleware, such as the auth middleware. This is useful, for example, when you want to redirect the user to the url that was trying to be accessed after a successful login. If the router_url_intended_is_enabled config is disabled, it won't be used, as the client side will not receive it.

page.jsx:

import { Head, Link, nexusProps } from "@laravext/react";

export default () => {
    const { teams } = nexusProps();

    return (
        <div>
            <Head title="Our Teams" />

            <nav className="some-cool-classes">
                <Link href="/">Home</Link>
            </nav>

            {/* The Rest of your component */}
        </div>
    );
};