Skip to content

Commit 8adafa3

Browse files
authored
docs(FAQ): add note about filtering by tags (#7501)
1 parent 0518709 commit 8adafa3

File tree

2 files changed

+7
-2
lines changed

2 files changed

+7
-2
lines changed
59 KB
Loading

docs/knowledge-base/FAQ.mdx

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
import { Meta } from '@storybook/addon-docs';
22
import { Footer, TableOfContent } from '@sb/components';
33
import { MessageStrip } from '@ui5/webcomponents-react';
4+
import SbTagFilter from '@sb/images/sb-pkg-filter.png';
45

56
<Meta title="FAQ" />
67

@@ -86,9 +87,13 @@ Each component developed by the UI5 Web Components team ([`ui5-webcomponents`](h
8687

8788
If a component does not have this note, it is a React-only component provided exclusively by `ui5-webcomponents-react`.
8889

89-
## Scoping
90+
Additionally, Storybook supports filtering by tags, allowing you to filter by different `ui5-webcomponents` packages as well:
9091

91-
Starting from UI5 Web Components (for React) 2.0.0, the order if imports with regards to scoping and components matters.
92+
<img src={SbTagFilter} alt="Storybook Tag Filter" height={320} />
93+
94+
## Why isn't scoping working?
95+
96+
Starting from UI5 Web Components (for React) 2.0.0, the order of imports with regard to scoping and components matters.
9297
Setting the scoping suffix must be done before importing any components, as they use the suffix at the top-level of the module - meaning when a component is imported, the suffix has to be known.
9398
For this to work, calling the method should be done in a separate module (e.g. scoping-config.js) and this module should be imported before any components are imported.
9499
You can find more information about this in the [UI5 Web Components documentation](https://sap.github.io/ui5-webcomponents/docs/advanced/scoping/).

0 commit comments

Comments
 (0)