How to use pretty template from playground app?

[vanyakosmos]

Description

For the playground app you have pretty and functional template, with tags aggregation, collapsed examples and literally everything that I need.

But with web-components I can use only template with fiory.css:

<script src="https://unpkg.com/@asyncapi/[email protected]/lib/asyncapi-web-component.js" defer=""></script>
<asyncapi-component schemaurl="/asyncapi.json" cssimportpath="https://unpkg.com/@asyncapi/[email protected]/lib/styles/fiori.css">
</asyncapi-component>

And it doesn't look as pretty as the one in the playground.

So, how can I use styles/components from the playground app instead of default ones?

(preferably by simply changing src in web-component config)

Reasons

I need more functionality and less eyes pain.

Attachments

Sweet sweet playground template:

[magicmatatjahu]

@vanyakosmos Hello! It's a next version of component - please use @asyncapi/web-component@next dependency :)

More info https://github.com/asyncapi/asyncapi-react/tree/next

[vanyakosmos]

how can I find stable (or at least semi-stable) version of the next version of the component?

because right now:

• component doesn't hide schemas and servers, but config seems find: config='{"show": {"sidebar": true, "schemas": false, "messages": false}, "sidebar": {"showOperations": "byOperationsTags"}}'
• scrolling to the anchor doesn't work

UPD: looks like schemas section was hidden, but sidebar still displayed it.

[magicmatatjahu]

Thanks for info! I know where the bug is. When I get back from vacation I will fix it.

how can I find stable (or at least semi-stable) version of the next version of the component?

Stable is the latest.

[github-actions[bot]]

This issue has been automatically marked as stale because it has not had recent activity :sleeping:

It will be closed in 120 days if no further activity occurs. To unstale this issue, add a comment with a detailed explanation.

There can be many reasons why some specific issue has no activity. The most probable cause is lack of time, not lack of interest. AsyncAPI Initiative is a Linux Foundation project not owned by a single for-profit company. It is a community-driven initiative ruled under open governance model.

Let us figure out together how to push this issue forward. Connect with us through one of many communication channels we established here.

Thank you for your patience :heart: