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 [图片] 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?

开发

Moin 2024 年11 月 8 日 16:21 2

风格指南对你有帮助吗？我认为那些截图就是从那里来的

话题		回复	浏览量
Styleguide Plugin Now in Discourse Core Announcements	1	3915	2021 年6 月 21 日
Designer's Guide to getting started with themes in Discourse Developer Guides tutorial , theme-guides	9	12968	2024 年4 月 8 日
Why is the styleguide so well hidden? Product Support	6	692	2024 年3 月 4 日
Discourse Button Styles Theme component	40	11572	2025 年9 月 18 日
Gallery of discourse customization UX	2	4524	2019 年7 月 2 日

Discourse playground/storybook?

相关话题