chakra ui with humburger menu
import React, { useState } from 'react'
import { useColorMode, Switch, Flex, Button, IconButton } from '@chakra-ui/react'
import { HamburgerIcon, CloseIcon } from '@chakra-ui/icons'
import Link from 'next/link'
chakra ui with humburger menu
const [display, changeDisplay] = useState('none')
chakra ui with humburger menu
<Flex>
<Flex position="fixed" top="1rem" right="1rem" align="center">
  {/* Desktop */}
  <Flex>
    <Link href="/" passHref>
      <Button as="a" variant="ghost" aria-label="Home" my={5} w="100%">
        Home
      </Button>
    </Link>

    <Link href="/about" passHref>
      <Button as="a" variant="ghost" aria-label="About" my={5} w="100%">
        About
      </Button>
    </Link>

    <Link href="/contact" passHref>
      <Button as="a" variant="ghost" aria-label="Contact" my={5} w="100%">
        Contact
      </Button>
    </Link>
  </Flex>

  {/* Mobile */}
  <IconButton
    aria-label="Open Menu"
    size="lg"
    mr={2}
    icon={<HamburgerIcon />}
    onClick={}
  />
  <Switch color="green" isChecked={isDark} onChange={toggleColorMode} />
</Flex>
{/* Mobile Content */}
<Flex
  bgColor="gray.50"
  overflowY="auto"
  flexDir="column"
>
  <Flex justify="flex-end">
    <IconButton
      mt={2}
      mr={2}
      aria-label="Open Menu"
      size="lg"
      icon={<CloseIcon />}
      onClick={}
    />
  </Flex>

  <Flex flexDir="column" align="center">
    <Link href="/" passHref>
      <Button as="a" variant="ghost" aria-label="Home" my={5} w="100%">
        Home
      </Button>
    </Link>

    <Link href="/about" passHref>
      <Button as="a" variant="ghost" aria-label="About" my={5} w="100%">
        About
      </Button>
    </Link>

    <Link href="/contact" passHref>
      <Button as="a" variant="ghost" aria-label="Contact" my={5} w="100%">
        Contact
      </Button>
    </Link>
  </Flex>
</Flex>
chakra ui with humburger menu
<IconButton
    aria-label="Open Menu"
    size="lg"
    mr={2}
    icon={
    <HamburgerIcon />
    }
    onClick={() => changeDisplay('flex')} // added line
/>

<Flex
  display={display} // added line
  bgColor="gray.50"
  overflowY="auto"
  flexDir="column"
>

<IconButton
    mt={2}
    mr={2}
    aria-label="Open Menu"
    size="lg"
    icon={
        <CloseIcon />
    }
    onClick={() => changeDisplay('none')} // added line
/>
chakra ui menu
<Menu>
							<MenuButton>
								<Icon as={AiOutlineMore} h='7' w='7' />
							</MenuButton>
							<MenuList padding='0'>
								<MenuItem>Edit</MenuItem>
								<MenuItem
									onClick={() => {
										deleteHeaderFieldMutation.mutate(row.value.id);
									}}
								>
									Delete
								</MenuItem>
							</MenuList>
						</Menu>

Objective-C相关代码片段

displayport

objective-c

array initialization declaration c++

tsoiufgydijgtöeslkfjfölk silk fwi2

widzowie mendiego

javascript while loop

PAS = Easy Button

what is the chemical name of water ?

objective c phone call

Objective-C

chakra ui with humburger menu

JavaScript while Loop

how to hack a roblox password

get url query in liquid

liquid null check

does assembly language use registers

poptoview in iOS objective c

roblox free robux

lwkehygbdwaoeeortntojfbfognorkg!foqon

dispatch after objective c

pass in value in route group middle ware

compare nsstring

what is arcomm

objective c encrypt decrypt string

document.link rel icon javascript

fpdf exemple

how to use other page data to new page in jS

runscript for FirebaseCrashlytics

how to use line firebase authenticator

ex: javascirpt loop array

youtueb

statusbarwindow.status bar objective c

objective c reload Rows At

dwdbqgueq ddywbdqqj8d

tabloe view delegate method + iOS

uibutton change text

tsoiufgydijgtöeslkfjfölk silk fwi2

cem toker kumda

obj c redraw a view 60 times a sec

fernandinho grandes coisas

multiple drop cap in word

dequeuereusableheaderfooterview

js-destructuring

objective c strings concatenate

hide game obj C#

objective c convert int to string

html paragraph

command not found: create-react-app

Changing scene on obj click

array initialization declaration c++

Error:....... EPERM: operation not permitted, mkdi

loop array objective c

get product image woocommerce

nstimer example objective c

uialertcontroller example objective c