Does discourse offer a boilerplate playground like storybook to test ui changes in one place? Currently, when I update a theme I am having to search across the platform for all use cases such as the new topic btn, create category btn, double btn, etc. I would love to see all the btns, for example, in one place. I came across this PR where they had the btns laid out similar to storybook, though the edge cases created by discourse were missing: Update some missing cases for button border-radius by tracey-le · Pull Request #5 · awesomerobot/discourse-button-styles · GitHub Thanks!

Does the styleguide help you? I think that’s where those screenshots were taken [image] Styleguide Plugin Now in Discourse Core megaphoneAnnouncements We are happy to announce that the discourse-styleguide plugin has been merged into Discourse Core! partying_face To enable it, search styleguide in your admin settings, and click to enable. [image] This will allow you to visit yoursite.com/styleguide which will render Discourse components and widgets in various configurations to aid in styling. This helps a ton when designing custom themes and specifically targeting some of the less seen elements of Discourse. Some examples of what you …

You can also create a separate theme that normal users can’t select and try out all your changes there.

Do you know if the styleguide has known bugs? It appears that the btn-flat, for example, is missing from the styleguide despite having a header. Inspect also show’s that section as missing any elements. [Screenshot 2024-11-08 at 9.56.29 AM]

I noticed some broken sections too, like the category badges, which were removed in core about 1 year ago. I also had problems with the topic map. I think in the designers webinar they also talked about styleguide and that it is only updated when there is time, and pull requests are always welcome

Darn, thanks. I created a new post about some of the bugs I’ve found. Haven’t even dared to start down the accessibility/WCAG issues :sob: Thanks for you responsiveness and help! Really appreciate it!

Discourse playground/storybook?

Development

Moin November 8, 2024, 4:21pm 2

Does the styleguide help you? I think that’s where those screenshots were taken

Topic		Replies	Views
Styleguide Plugin Now in Discourse Core Announcements	1	3918	June 21, 2021
Designer's Guide to getting started with themes in Discourse Developer Guides tutorial , theme-guides	9	12981	April 8, 2024
Why is the styleguide so well hidden? Product Support	6	696	March 4, 2024
Discourse Button Styles Theme component	40	11584	September 18, 2025
Gallery of discourse customization UX	2	4535	July 2, 2019

Discourse playground/storybook?

Related topics