Discourse playground/storybook?

Dev
1

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!

2

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

3 Likes
3

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

2 Likes
4

yes, thank you!

1 Like
5

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
Screenshot 2024-11-08 at 9.56.29 AM1254×430 38.5 KB

2 Likes
6

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

3 Likes
7

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!

1 Like