docs(storybook): add version button in storybook toolbar

[ozkersemih]

In this pr, I want to add custom toolbar button in storybook to redirect beta/stable version

[AykutSarac]

I don't think it is visible enough within the UI. Is that possible to place a select component or similar under the search input here?

[ozkersemih]

I don't think it is visible enough within the UI. Is that possible to place a select component or similar under the search input here?

I totally aggre with you but i didn't find anything about to add selection for version switching in storybook.

[leventozen]

LGTM!

[buseselvi]

Great job! Let's add a button like the one below on the welcome pages, too.

[AykutSarac]

@erbilnas, in reference to your recent commit, Baklava CDN is integrated into the storybook. However, since the README.md is also displayed on the GitHub repository, we won't be able to access Baklava components from there.

[ozkersemih]

@AykutSarac @erbilnas I have another idea

// welcome.stories.mdx file
<Markdown>{ReadMe.slice(0,ReadMe.search("## How to use"))}</Markdown>
<bl-button>...</bl-button>
<Markdown>{ReadMe.slice(ReadMe.search("## How to use"))}</Markdown>

We can split readme in welcome mdx file like this. With this way, also we wont crash original readme file. What do u think?

[erbilnas]

@erbilnas, in reference to your recent commit, Baklava CDN is integrated into the storybook. However, since the README.md is also displayed on the GitHub repository, we won't be able to access Baklava components from there.

You're correct, let me amend it now.

[ozkersemih]

Last touch will be like below, I think it is ok.

<Meta title="Documentation/Welcome" />

<Markdown>{ReadMe.slice(0,ReadMe.search("Baklava is a design system"))}</Markdown>
<div align={"center"}>
  {window.parent.location.hostname.includes('next') && <bl-button variant="secondary" size="large" onclick="window.open('https://baklava.design/', '_blank')">Stable Version</bl-button>}
  {!window.parent.location.hostname.includes('next') && <bl-button variant="secondary" size="large" onclick="window.open('https://next.baklava.design/', '_blank')">Beta Version</bl-button>}
</div>
<Markdown>{ReadMe.slice(ReadMe.search("Baklava is a design system"))}</Markdown>

[github-actions]

🎉 This PR is included in version 3.0.0-beta.6 🎉

The release is available on:

• npm package (@beta dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[github-actions]

🎉 This PR is included in version 3.1.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀