# Discourse playground/storybook?

**URL:** https://meta.discourse.org/t/discourse-playground-storybook/335204
**Category:** Development
**Created:** [08.Ноябрь.2024 16:14:31 UTC](https://meta.discourse.org/t/discourse-playground-storybook/335204 "2024-11-08T16:14:31Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![king\_laurel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/king_laurel/32/461779_2.png) [@king\_laurel](https://meta.discourse.org/u/king_laurel)
#### Post date: [08.Ноябрь.2024 16:14:31 UTC](https://meta.discourse.org/t/discourse-playground-storybook/335204/1 "2024-11-08T16:14:31Z")

</div>

Предлагает ли Discourse готовую среду для тестирования, подобную Storybook, чтобы проверять изменения UI в одном месте? В настоящее время при обновлении темы мне приходится искать по всей платформе все варианты использования, такие как новая кнопка темы, кнопка создания категории, двойная кнопка и т. д.

Мне бы очень хотелось видеть все кнопки, например, в одном месте.

Я наткнулся на этот PR, где кнопки были расположены аналогично Storybook, однако отсутствовали крайние случаи, создаваемые Discourse: [Update some missing cases for button border-radius by tracey-le · Pull Request #5 · awesomerobot/discourse-button-styles · GitHub](https://github.com/awesomerobot/discourse-button-styles/pull/5)

Спасибо!

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [08.Ноябрь.2024 16:21:49 UTC](https://meta.discourse.org/t/discourse-playground-storybook/335204/2 "2024-11-08T16:21:49Z")

</div>

Помогает ли вам гайд по стилю? Я думаю, что эти скриншоты были сделаны именно оттуда

> [@Styleguide Plugin Now in Discourse Core](https://meta.discourse.org/t/styleguide-plugin-now-in-discourse-core/167293?u=moin):
>
> We are happy to announce that the [discourse-styleguide plugin](https://github.com/discourse/discourse-styleguide) has been merged into Discourse Core! partying_face To enable it, search styleguide in your admin settings, and click to enable. 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 …

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [08.Ноябрь.2024 16:26:03 UTC](https://meta.discourse.org/t/discourse-playground-storybook/335204/3 "2024-11-08T16:26:03Z")

</div>

Вы также можете создать отдельную тему, которую обычные пользователи не смогут выбрать, и опробовать все свои изменения в ней.

---

<div class="post-metadata">

### Author: ![king\_laurel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/king_laurel/32/461779_2.png) [@king\_laurel](https://meta.discourse.org/u/king_laurel)
#### Post date: [08.Ноябрь.2024 16:29:04 UTC](https://meta.discourse.org/t/discourse-playground-storybook/335204/4 "2024-11-08T16:29:04Z")

</div>

Да, спасибо!

---

<div class="post-metadata">

### Author: ![king\_laurel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/king_laurel/32/461779_2.png) [@king\_laurel](https://meta.discourse.org/u/king_laurel)
#### Post date: [08.Ноябрь.2024 16:58:21 UTC](https://meta.discourse.org/t/discourse-playground-storybook/335204/5 "2024-11-08T16:58:21Z")

</div>

Вы знаете, есть ли в гайдлайне по стилям известные ошибки? Например, кажется, что в гайдлайне отсутствует btn-flat, несмотря на наличие заголовка. Инструмент Inspect также показывает, что этот раздел не содержит никаких элементов.

 ![Screenshot 2024-11-08 at 9.56.29 AM](https://global.discourse-cdn.com/meta/original/4X/1/5/3/1534e0be2044a7c58ab925238ac023e8803a137e.png)

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [08.Ноябрь.2024 17:14:52 UTC](https://meta.discourse.org/t/discourse-playground-storybook/335204/6 "2024-11-08T17:14:52Z")

</div>

Я также заметил несколько сломанных разделов, например, значки категорий, которые были удалены из ядра около года назад. У меня также возникли проблемы с картой тем.  
Кажется, на [вебинаре для дизайнеров](https://meta.discourse.org/t/webinar-ask-discourse-anything-designer-edition/333213/1) тоже упоминался гайдлайн по стилю, который обновляется только при наличии времени, и при этом всегда приветствуются pull request’ы.

---

<div class="post-metadata">

### Author: ![king\_laurel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/king_laurel/32/461779_2.png) [@king\_laurel](https://meta.discourse.org/u/king_laurel)
#### Post date: [08.Ноябрь.2024 17:45:39 UTC](https://meta.discourse.org/t/discourse-playground-storybook/335204/7 "2024-11-08T17:45:39Z")

</div>

Черт, спасибо. Я создал [новую тему](https://meta.discourse.org/t/styleguide-bugs/335211) о некоторых найденных ошибках. Даже не решаюсь браться за вопросы доступности/WCAG 😭

Спасибо за вашу оперативность и помощь! Очень это ценю!

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [08.Декабрь.2024 17:46:23 UTC](https://meta.discourse.org/t/discourse-playground-storybook/335204/8 "2024-12-08T17:46:23Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
