timlrx / tailwind-nextjs-starter-blog

This is a Next.js, Tailwind CSS blogging starter template. Comes out of the box configured with the latest technologies to make technical writing a breeze. Easily configurable and customizable. Perfect as a replacement to existing Jekyll and Hugo individual blogs.
https://tailwind-nextjs-starter-blog.vercel.app/
MIT License
7.36k stars 1.84k forks source link

Collapsible Headers #937

Open BennyDanielT opened 3 weeks ago

BennyDanielT commented 3 weeks ago

Is your feature request related to a problem? Please describe. No, this is not relevant to a problem, it's more of an enhancement that I would like to work on.

Describe the solution you'd like I am interested in learning, how one would go about modifying the format of the Headers, such that all level one, level 2 level 3 headers can be collapsible. The capability I'm trying to achieve is similar to Toggle Headings in Notion notebooks. This would improve readability in blogs with lengthy content.

Describe alternatives you've considered An alternative would be to create a custom component and then use that component instead of the standard markdown headers. However, I feel that this isn't good practice, and it would make more sense to customize the headers.

Additional context I just need some directions on file(s) that I can play with to achieve this objective.