Skip to content

Commit b61bb93

Browse files
committed
fix: removed the next/link reference from the navbar.withCustomMenuIcon example
1 parent 6b73c2c commit b61bb93

File tree

1 file changed

+6
-11
lines changed

1 file changed

+6
-11
lines changed

apps/web/examples/navbar/navbar.withCustomMenuIcon.tsx

Lines changed: 6 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,18 @@
11
"use client";
22

33
import { Navbar, NavbarBrand, NavbarCollapse, NavbarLink, NavbarToggle } from "flowbite-react";
4-
import Link from "next/link";
54
import { CiMenuFries } from "react-icons/ci";
65
import { type CodeData } from "~/components/code-demo";
76

87
const code = `
98
"use client";
109
11-
import Link from "next/link";
1210
import { Navbar } from "flowbite-react";
1311
1412
export function Component() {
1513
return (
1614
<Navbar fluid rounded>
17-
<Navbar.Brand as={Link} href="https://flowbite-react.com">
15+
<Navbar.Brand href="https://flowbite-react.com">
1816
<img src="/favicon.svg" className="mr-3 h-6 sm:h-9" alt="Flowbite React Logo" />
1917
<span className="self-center whitespace-nowrap text-xl font-semibold dark:text-white">Flowbite React</span>
2018
</Navbar.Brand>
@@ -23,7 +21,7 @@ export function Component() {
2321
<Navbar.Link href="#" active>
2422
Home
2523
</Navbar.Link>
26-
<Navbar.Link as={Link} href="#">
24+
<Navbar.Link href="#">
2725
About
2826
</Navbar.Link>
2927
<Navbar.Link href="#">Services</Navbar.Link>
@@ -36,13 +34,12 @@ export function Component() {
3634
`;
3735

3836
const codeRSC = `
39-
import Link from "next/link";
4037
import { Navbar, NavbarBrand, NavbarCollapse, NavbarLink, NavbarToggle } from "flowbite-react";
4138
4239
export function Component() {
4340
return (
4441
<Navbar fluid rounded>
45-
<NavbarBrand as={Link} href="https://flowbite-react.com">
42+
<NavbarBrand href="https://flowbite-react.com">
4643
<img src="/favicon.svg" className="mr-3 h-6 sm:h-9" alt="Flowbite React Logo" />
4744
<span className="self-center whitespace-nowrap text-xl font-semibold dark:text-white">Flowbite React</span>
4845
</NavbarBrand>
@@ -51,7 +48,7 @@ export function Component() {
5148
<NavbarLink href="#" active>
5249
Home
5350
</NavbarLink>
54-
<NavbarLink as={Link} href="#">
51+
<NavbarLink href="#">
5552
About
5653
</NavbarLink>
5754
<NavbarLink href="#">Services</NavbarLink>
@@ -66,7 +63,7 @@ export function Component() {
6663
export function Component() {
6764
return (
6865
<Navbar fluid rounded>
69-
<NavbarBrand as={Link} href="https://flowbite-react.com">
66+
<NavbarBrand href="https://flowbite-react.com">
7067
<img src="/favicon.svg" className="mr-3 h-6 sm:h-9" alt="Flowbite React Logo" />
7168
<span className="self-center whitespace-nowrap text-xl font-semibold dark:text-white">Flowbite React</span>
7269
</NavbarBrand>
@@ -75,9 +72,7 @@ export function Component() {
7572
<NavbarLink href="#" active>
7673
Home
7774
</NavbarLink>
78-
<NavbarLink as={Link} href="#">
79-
About
80-
</NavbarLink>
75+
<NavbarLink href="#">About</NavbarLink>
8176
<NavbarLink href="#">Services</NavbarLink>
8277
<NavbarLink href="#">Pricing</NavbarLink>
8378
<NavbarLink href="#">Contact</NavbarLink>

0 commit comments

Comments
 (0)