This commit is contained in:
parent
ad610fa866
commit
5d50733616
|
|
@ -1,15 +1,12 @@
|
|||
import React from "react"
|
||||
import { Button } from '@nextui-org/button'
|
||||
import { Nav, Stack } from "react-bootstrap"
|
||||
import { Button, Nav, Stack } from "react-bootstrap"
|
||||
import 'bootstrap/dist/css/bootstrap.min.css'
|
||||
import { Navbar, NavbarBrand, NavbarContent, NavbarItem } from "@nextui-org/react"
|
||||
import Link from "next/link"
|
||||
|
||||
export default function Page() {
|
||||
return (
|
||||
<div className="flex gap-4 items-center" style={{ padding: 4 }}>
|
||||
<Button color="primary" size="lg">Click me 2</Button>
|
||||
<Button size="md">
|
||||
<Button size="sm">
|
||||
Medium
|
||||
</Button>
|
||||
<Button size="lg">
|
||||
|
|
@ -20,7 +17,7 @@ export default function Page() {
|
|||
<div className="p-2">Second item</div>
|
||||
<div className="p-2">Third item</div>
|
||||
</Stack>
|
||||
<ul className="nav flex-column">
|
||||
<Nav className="flex-column">
|
||||
<li className="nav-item">
|
||||
<a className="nav-link active" href="/x">Active</a>
|
||||
</li>
|
||||
|
|
@ -33,7 +30,7 @@ export default function Page() {
|
|||
<li className="nav-item">
|
||||
<a className="nav-link disabled" href="#">Disabled</a>
|
||||
</li>
|
||||
</ul>
|
||||
</Nav>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue