feature request: aside as sidebar

[tacman]

Kudos for such a great library.

I'd love to have a sidebar. My primitive implementation is an aside after making everything flex:

body {
    display: flex;
    min-height: 100vh;
    margin: 0;
}
aside {
    width: 220px;
    padding: 1rem;
    border-right: 1px solid var(--pico-muted-border-color);
    background-color: var(--pico-background-color);
}
main {
    flex: 1;
    padding: 2rem;
}

And tweaking the base html accordingly.

I don't know how you'd do it to stay consistent with your philosophy, but I figured I'd ask -- I'd love to have a sidebar without having to add my own css. Thanks!

[tacman]

There was an issue on this in 2022, which is now closed. #49

Any chance you'd reconsider adding it?

[mnordhaus]

As an Idea that I had stated in earlier comments: Why not put those additions in some kind of addon library or maybe "incubator" lib. Such that you add the requrired scss after all the pico components. This has the advantage that addons can be addes even if the are in conflict with the core mission (Keep it Semantic and Simple) and still provide a quicker start for new projects.

[mnordhaus]

... and if something (like probably this one here) turns out to be good to move into the core library it would be a an easy fix as it is already well tested in the field.

[vincic]

Good idea to put it as addon lib/pico plugin. aside can be used for more then just sidebars so I am not sure it should be it all the time, maybe if it is body > aside

[HTML](https://developer.mozilla.org/en-US/docs/Web/HTML) element represents a portion of a document whose content is only indirectly related to the document's main content. Asides are frequently presented as sidebars or call-out boxes.