Mention account Single Page in the storybook
This commit is contained in:
parent
4c282d0559
commit
2871f63f25
32
stories/account-spa/index.stories.mdx
Normal file
32
stories/account-spa/index.stories.mdx
Normal 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>
|
BIN
stories/account-spa/screenshot.png
Normal file
BIN
stories/account-spa/screenshot.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 269 KiB |
@ -20,11 +20,12 @@ import { KeycloakifyRotatingLogo } from "./KeycloakifyRotatingLogo";
|
|||||||
</div>
|
</div>
|
||||||
<h1><a href="#">Keycloakify </a> Storybook</h1>
|
<h1><a href="#">Keycloakify </a> Storybook</h1>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
|
|
||||||
This website showcases all the Keycloak user-facing pages of the login and account theme.
|
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.
|
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).
|
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>
|
</p>
|
||||||
|
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user