Feature request: Tabs

[pjebs]

It would be great if pico had tabs, where each tab reveals some different content.

[lucaslarroche]

Pico try to use only natives HTML elements.
At the moment, I don't want to add specific components that require new .classes.

What could be the HTML structure of such a component?

The accordion component is the one that most closely resembles your request:
https://picocss.com/docs/#accordions

Actually, with the same HTML structure, and still without Javascript, it's possible to create a tabs component.

I preferred to style <details> as an accordion rather than tabs because it's more easily compatible on mobile.

[pjebs]

Tabs are essential. Even the "Write Comment" section in github issues (which I am writing right now) uses tabs.

[lucaslarroche]

Yes, tabs are definitely useful.
But this would require .classes and maybe javascript. Not really in the "pure semantic HTML" spirit.

I like this tabs integrations: Tabsy CSS, Pure CSS tabs, Responsive pure CSS tabs & accordion
It is easily adaptable.

I'm open to Pull Requests as long as the new tab feature is an optional component and is disabled in classless mode.

[pjebs]

I don't know enough JavaScript

[DavidSouther]

There are aria roles for tablist, tab, and tabpanel, which would let Pico do classless tabs.

[dsentker]

Missing tabs are the only component that stops me from using picocss. There is a classless option with role=tablist. The disadvantage is that it requires Javascript, which was no obstacle for the picocss dialog.

https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/tablist_role