Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 2 additions & 5 deletions docs/Welcome.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -103,10 +103,7 @@ UI5 Web Components and UI5 Web Components for React are both coming with the `sa
children={
<>
UI5 Web Components for React uses the theme configuration of UI5 Web Components. Please also have a look at their{' '}
<Link href="https://sap.github.io/ui5-webcomponents/playground/?path=/docs/docs-advanced-configuration--docs#theme">
documentation
</Link>
.
<Link href="https://sap.github.io/ui5-webcomponents/docs/advanced/configuration/#theme">documentation</Link>.
</>
}
/>
Expand Down Expand Up @@ -182,7 +179,7 @@ export default function App() {

### Feature Registration

`@ui5/webcomponents` offers a variety of [feature (side-effect) imports](https://sap.github.io/ui5-webcomponents/playground/?path=/docs/docs-getting-started-using-features) that are available with `@ui5/webcomponents-react` as well.
`@ui5/webcomponents` offers a variety of [feature (side-effect) imports](https://sap.github.io/ui5-webcomponents/docs/advanced/using-features/) that are available with `@ui5/webcomponents-react` as well.
To use them you have to make sure they are imported before any other imports!

### Support
Expand Down
8 changes: 7 additions & 1 deletion docs/knowledge-base/CustomComponentsSlots.mdx
Original file line number Diff line number Diff line change
@@ -1,10 +1,16 @@
import { Meta } from '@storybook/addon-docs';
import { BarComponent, FaultyBarComponent } from '../knowledgeBaseExamples/slotExamples';
import { Footer } from '@sb/components';
import { MessageStrip } from '@ui5/webcomponents-react';

<Meta title="Handling Slots" />

# Adding custom components to slots
# Adding custom React components to slots

<MessageStrip
hideCloseButton
children="Using a custom React component still requires the expected web component(s) to be rendered."
/>

With our wrapper we provide an easy way to consume the `slots` of the UI5 Web Components by attaching them to a `prop`.
In most cases you don't have to take anything into account, and the props can be used in a typical React way. However, there is an exception with custom components:
Expand Down
4 changes: 2 additions & 2 deletions docs/knowledge-base/Internationalization.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@ That's it! You can now test whether the translations work correctly by adding e.

## How to add custom translations

_Please also read the [general configuration](https://sap.github.io/ui5-webcomponents/playground/?path=/docs/docs-advanced-configuration) and [i18n documentation](https://sap.github.io/ui5-webcomponents/playground/?path=/docs/docs-advanced-using-i18n-for-apps) of UI5 Web Components._
_Please also read the [general configuration](https://sap.github.io/ui5-webcomponents/docs/advanced/configuration/) and [i18n documentation](https://sap.github.io/ui5-webcomponents/docs/advanced/using-i18n-for-apps/) of UI5 Web Components._

<MessageStrip
design={MessageStripDesign.Information}
Expand All @@ -39,7 +39,7 @@ _Please also read the [general configuration](https://sap.github.io/ui5-webcompo
When using custom translations, you have to enable the <code>fetchDefaultLanguage</code> option for UI5 Web
Components. If it is not set, your default language translations (english) will be missing. Learn more about it{' '}
<a
href="https://sap.github.io/ui5-webcomponents/playground/?path=/docs/docs-advanced-configuration--docs#fetchdefaultlanguage"
href="https://sap.github.io/ui5-webcomponents/docs/advanced/configuration/#fetchDefaultLanguage"
target="_blank"
>
here
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -48,7 +48,7 @@ const meta = {
<MessageItem
key={3}
titleText={'Warning Message Type'}
subtitleText={'Warnign without details'}
subtitleText={'Warning without details'}
type={ValueState.Critical}
counter={3}
/>,
Expand Down
Loading