Skip to content

create Layout component #17

Description

@dbc2201

https://github.com/dbc2201/class-notes/wiki/%F0%9F%8E%AF-Component-Development-Order#layout-components-complexity-

Layout ⭐⭐

Files: src/components/layout/Layout/
Props: children
Tests: Rendering, responsive behavior
Dependencies: Header
Assigned to: Rohit Sharma (@rohit3171999)

  1. Layout Component
    File: src/components/layout/Layout/Layout.tsx

HTML Elements:

- Main layout container Classes: min-h-screen, bg-base-200 Header component - Main content area Classes: container, mx-auto, p-4 - React Router outlet Props:

children: ReactNode (alternative to Outlet)

https://github.com/dbc2201/class-notes/wiki/Component-Templates-%E2%80%90-Initial-Structure-Guide#8-layout-component

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

enhancementNew feature or request

Projects

No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions