Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Provide an app shell to speed up bootstrapping / scaffolding #460

Open
zemirco opened this issue Jan 10, 2023 · 0 comments
Open

Provide an app shell to speed up bootstrapping / scaffolding #460

zemirco opened this issue Jan 10, 2023 · 0 comments
Labels
documentation Improvements or additions to documentation dx Anything related to developer experience

Comments

@zemirco
Copy link

zemirco commented Jan 10, 2023

Many web apps nowadays have very similar requirements when it comes to the layout.

Typically we build applications that have

  • a main navigation on the left side
  • a header with links, icons and some dropdowns (similar to what you currently see at github.com in the top right corner)
  • the main content area
  • a footer with required but maybe less focused information
  • a breadcrumb

It would be nice to either have some kind of "AppShell" component or a full example that demonstrates how to use the existing components (breadcrumbs, header, sidenav, dropdown) together to build more complex web applications. You could maybe create a repo where that is already wired together that we as users could simply clone and then build our own applications on top of that.

All of that should be responsive and the main navigation on the left side should automatically disappear on smaller devices without having to click the collapse icon.

Here are two examples from other component libraries.

https://saas-ui.dev/docs/components/layout/app-shell#

image

https://mantine.dev/core/app-shell/

image

@borisdiakur borisdiakur added documentation Improvements or additions to documentation dx Anything related to developer experience labels Jan 10, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
documentation Improvements or additions to documentation dx Anything related to developer experience
Projects
None yet
Development

No branches or pull requests

2 participants