Mention account Single Page in the storybook

This commit is contained in:
Joseph Garrone 2024-07-29 00:29:36 +02:00
parent 4c282d0559
commit 2871f63f25
3 changed files with 35 additions and 2 deletions

View File

@ -0,0 +1,32 @@
import { Meta } from "@storybook/addon-docs";
import screenshotPngUrl from "./screenshot.png";
<Meta
title="account-spa/index.ftl"
parameters={{
"viewMode": "docs",
"previewTabs": {
"canvas": { "hidden": true },
"zoom": { "hidden": true },
"storybook/background": { "hidden": true },
"storybook/viewport": { "hidden": true },
},
}}
/>
<div style={{ "margin": "0 auto", "maxWidth": "700px", "textAlign": "center" }}>
<p>
Keycloakify offers two option for creating an account theme:
[Multi Page](https://storybook.keycloakify.dev/?path=/story/account-account-ftl--default) or Single Page (also known as Account v3).
Since the account Single Page does not support Storybook, here is a screenshot of it's default look:
<img width="1508" alt="image" src={screenshotPngUrl} />
[Learn more](https://docs.keycloakify.dev/account-theme)
</p>
</div>

Binary file not shown.

After

Width:  |  Height:  |  Size: 269 KiB

View File

@ -20,11 +20,12 @@ import { KeycloakifyRotatingLogo } from "./KeycloakifyRotatingLogo";
</div>
<h1><a href="#">Keycloakify </a> Storybook</h1>
<p>
<p>
This website showcases all the Keycloak user-facing pages of the login and account theme.
The storybook serves as a reference to help you determine which pages you would like to personalize.
These pages are a direct React adaptation of the [built-in FreeMarker Keycloak pages](https://github.com/keycloak/keycloak/tree/24.0.4/themes/src/main/resources/theme/base).
You may notice some visual bugs on certain pages; these issues were not introduced by Keycloakiy and are also present in the default Keycloak 24 theme.
</p>