Files
vercel__next.js/examples/with-rbx-bulma-pro/components/Layout.js
Hendrik Liebau 4b66771895 Remove deprecated legacyBehavior and passHref prop from Link component (#83003)
The `legacyBehavior` prop of the `Link` component has been deprecated
since #77473. For Next.js 16, we're finally removing support for it.
Consequently, we're also removing support for the `passHref` prop, which
was only useful in conjunction with the `legacyBehavior` prop.

A [codemod is
available](https://nextjs.org/docs/app/guides/upgrading/codemods#new-link)
to help you automatically upgrade your codebase.

reverts #77473

---------

Co-authored-by: Sebastian Sebbie Silbermann <sebastian.silbermann@vercel.com>
2025-08-26 14:04:27 +02:00

59 lines
1.3 KiB
JavaScript

import Link from "next/link";
import {
Generic,
Container,
Content,
Navbar,
Section,
Hero,
Title,
Footer,
} from "rbx";
const Layout = ({ children }) => {
return (
<Generic>
<Navbar fixed="top" color="primary">
<Navbar.Brand>
<Navbar.Item href="#">Bulma</Navbar.Item>
<Navbar.Burger />
</Navbar.Brand>
<Navbar.Menu>
<Navbar.Segment align="start">
<Navbar.Item as={Link} href="/">
Home
</Navbar.Item>
<Navbar.Item as={Link} href="/about">
About
</Navbar.Item>
<Navbar.Item as={Link} href="/contact">
Contact
</Navbar.Item>
</Navbar.Segment>
</Navbar.Menu>
</Navbar>
<Section backgroundColor="primary">
<Hero>
<Hero.Body>
<Container>
<Title as="h1" align="center" color="white">
Welcome to Next!
</Title>
</Container>
</Hero.Body>
</Hero>
</Section>
<Container>
<Content>{children}</Content>
</Container>
<Footer>
<Content textAlign="centered">
<p>&copy; Vercel, Inc. All rights reserved.</p>
</Content>
</Footer>
</Generic>
);
};
export default Layout;