mirror of
https://github.com/bitwarden/browser
synced 2025-12-19 09:43:23 +00:00
96648b4897
* PM-9603 - WIP - Untested DefaultAnonLayoutWrapperDataService * PM-9603 - DefaultAnonLayoutWrapperSvc needs constructor * PM-9603 - Good progress on getting storybook setup for the anon-layout-wrapper component - having issues with getting dummy component to display. * PM-9603 - AnonLayoutWrapper Story working with default and dynamic content. * PM-9603 - Tweak verbiage * PM-9603 - Tweak stories; add mdx * PM-9603 - Export AnonLayoutWrapperDataService and DefaultAnonLayoutWrapperDataService from libs/auth and wire up as default implementation in jslib-services.module * PM-9603 - Address PR feedback
29 lines
998 B
Plaintext
29 lines
998 B
Plaintext
import { Meta, Story, Controls } from "@storybook/addon-docs";
|
|
|
|
import * as stories from "./anon-layout-wrapper.stories";
|
|
|
|
<Meta of={stories} />
|
|
|
|
# Anon Layout Wrapper
|
|
|
|
NOTE: These stories will treat "Light & Dark" mode as "Light" mode. This is done to avoid a bug with
|
|
the way that we render the same component twice in the same iframe and how that interacts with the
|
|
`router-outlet`.
|
|
|
|
## Anon Layout Wrapper Component
|
|
|
|
The auth owned `AnonLayoutWrapperComponent` orchestrates routing configuration data and feeds it
|
|
into the `AnonLayoutComponent`. See the `Anon Layout` storybook for full documentation on how to use
|
|
the `AnonLayoutWrapperComponent`.
|
|
|
|
## Default Example with all 3 outlets used
|
|
|
|
<Story of={stories.DefaultContentExample} />
|
|
|
|
## Dynamic Anon Layout Wrapper Content Example
|
|
|
|
This example demonstrates a child component using the `DefaultAnonLayoutWrapperDataService` to
|
|
dynamically set the content of the `AnonLayoutWrapperComponent`.
|
|
|
|
<Story of={stories.DynamicContentExample} />
|