retypeapp / retype

Retype is an ✨ ultra-high-performance✨ static site generator that builds a website based on simple text files.
https://retype.com
Other
1.02k stars 201 forks source link

Tab collapsed by default? #560

Closed latenitefilms closed 1 year ago

latenitefilms commented 1 year ago

Is there a way to make a tab collapsed by default?

For example, I'm using it to show different information for different browsers on my home page, but I'd prefer the Safari content to be hidden until you click the link?

image
geoffreymcgill commented 1 year ago

Not supported, but how about wrapping the Tab component in a collapsible Panel component?

==- :icon-bookmark: Make FCP Cafe your Home Page
+++ Safari
1. Step 1
2. Step 2
3. Step 3
+++ Chrome
+++ Firefox
+++ Microsoft Edge
+++ Internet Explorer
+++
===
Screen Shot 2023-05-30 at 4 33 40 PM

Then expanded, the Panel would look like:

Screen Shot 2023-05-30 at 4 33 46 PM
geoffreymcgill commented 1 year ago

Another option could be stacked collapsed Panels.

==- Safari
1. Step 1
2. Step 2
3. Step 3
==- Chrome
==- Firefox
==- Microsoft Edge
==- Internet Explorer
===
Screen Shot 2023-05-30 at 4 36 11 PM

Then expanded, the Panels would look like:

Screen Shot 2023-05-30 at 4 36 20 PM

Hope this helps.

latenitefilms commented 1 year ago

Genius! Thank you!