Breaking News: Grepper is joining You.com. Read the official announcement!

the switch for them and layout

Doyin Atobaru answered on October 10, 2024 Popularity 1/10 Helpfulness 1/10

answer the switch for them and layout

related zinc oxide

the switch for them and layout

Comment

//the switch

'use client'

import { useState } from 'react'
import CollapsedSideNavbar from './side-navbar-collapsed'
import ExpandedSideNavbar from './side-navbar-expanded'

const SideNavbar = () => {
    const [isCollapsed, setIsCollapsed] = useState(false)

    return (
        <div className="hidden md:block">
            {!isCollapsed ? (
                <CollapsedSideNavbar openSideNav={() => setIsCollapsed(true)} />
            ) : (
                <ExpandedSideNavbar
                    isCollapsed={isCollapsed}
                    closeSideNav={() => setIsCollapsed(false)}
                />
            )}
        </div>
    )
}

export default SideNavbar


//the layout

import SideNavbar from '@/components/layout/navigation/side-navbar'

interface AppLayoutProps {
    children: React.ReactNode
}

export default function AppLayout({ children }: AppLayoutProps) {
    return (
        <div className="md:grid grid-cols-[auto_1fr] h-screen overflow-hidden">
            <SideNavbar />

            <main className="flex flex-col h-full overflow-hidden px-6 md:px-0">{children}</main>
        </div>
    )
}

Popularity 1/10 Helpfulness 1/10 Language whatever

Source: Grepper

Tags: layout whatever

Link to this answer
Share Copy Link

Contributed on Oct 10 2024

Doyin Atobaru

0 Answers Avg Quality 2/10

Closely Related Answers

zinc oxide

Comment

Zinc oxide is an inorganic compound with the formula ZnO. 
It is a white powder which is insoluble in water.

Classification: Inorganic compound

Density: 5.61 g/cm³

Formula: ZnO

Molar mass: 81.38 g/mol

Melting point: 1,975 °C

Popularity 1/10 Helpfulness 1/10 Language whatever

Source: Grepper

Tags: whatever zinc

Link to this answer
Share Copy Link

Contributed on Oct 10 2024

Rick Astley

0 Answers Avg Quality 2/10

the switch for them and layout

Contents

More Related Answers

the switch for them and layout

Closely Related Answers

zinc oxide

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.