Skip to content

Commit eeedf18

Browse files
committed
fix links
1 parent 6b00bb1 commit eeedf18

File tree

4 files changed

+19
-18
lines changed

4 files changed

+19
-18
lines changed

powerapps-docs/developer/component-framework/fluent-modern-theming.md

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -25,13 +25,14 @@ Developers need to be able to style their components so they look like the rest
2525

2626
There are four different ways to apply modern theming to your component.
2727

28-
- Fluent v9 controls
29-
- Fluent v8 controls
30-
- Non-Fluent controls
31-
- Custom theme providers
28+
- [Fluent UI v9 controls](#fluent-ui-v9-controls)
29+
- [Fluent UI v8 controls](#fluent-ui-v8-controls)
30+
- [Non-Fluent UI controls](#non-fluent-ui-controls)
31+
- [Custom theme providers](#custom-theme-providers)
3232

33+
## Fluent UI v9 controls
3334

34-
Wrapping Fluent UI v9 controls as a component is the easiest way to utilize modern theming because the modern theme is automatically applied to these controls. The only prerequisite is to ensure your component adds a dependency on the [React controls & platform libraries (Preview)](../../component-framework/react-controls-platform-libraries.md) as shown below. This approach allows your component to use the same React and Fluent libraries as the platform, and therefore share the same React context that passes the theme tokens down to the component.
35+
Wrapping Fluent UI v9 controls as a component is the easiest way to utilize modern theming because the modern theme is automatically applied to these controls. The only prerequisite is to ensure your component adds a dependency on the [React controls & platform libraries (preview)](react-controls-platform-libraries.md) as shown below. This approach allows your component to use the same React and Fluent libraries as the platform, and therefore share the same React context that passes the theme tokens down to the component.
3536

3637
```xml
3738
<resources>

powerapps-docs/developer/component-framework/react-controls-platform-libraries.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
title: "React controls & platform libraries (Preview) | Microsoft Docs"
2+
title: "React controls & platform libraries (preview) | Microsoft Docs"
33
description: "You can achieve significant performance gains using React and platform libraries. When you use React and platform libraries, you are using the same infrastructure used by the Power Apps platform. This means you no longer have to package React and Fluent packages individually for each control."
44
keywords: "Component Framework, code components, Power Apps controls"
55
ms.author: hemantg
@@ -17,7 +17,7 @@ contributors:
1717
- JimDaly
1818
---
1919

20-
# React controls & platform libraries (Preview)
20+
# React controls & platform libraries (preview)
2121

2222
[!INCLUDE [cc-beta-prerelease-disclaimer](../../includes/cc-beta-prerelease-disclaimer.md)]
2323

powerapps-docs/developer/component-framework/reference/theming.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
---
22
title: Theming (Power Apps component framework API reference) | Microsoft Docs
33
description: Provides the API for platform-provided modern theming.
4-
ms.author: lesyk
5-
author: vilesyk
4+
ms.author: vilesyk
5+
author: lesyk
66
ms.date: 11/15/2023
77
ms.reviewer: jdaly
88
ms.topic: reference
@@ -68,7 +68,7 @@ return (
6868

6969
### Related articles
7070

71-
[Use modern themes in canvas apps (preview)](../../../maker/canvas-apps/controls/modern-controls/modern-theming)
71+
[Use modern themes in canvas apps (preview)](../../../maker/canvas-apps/controls/modern-controls/modern-theming.md)
7272
[Power Apps component framework API reference](../reference/index.md)
7373
[Power Apps component framework overview](../overview.md)
7474

powerapps-docs/developer/component-framework/sample-controls/modern-theming-api-control.md

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ contributors:
1515

1616
# Implementing a modern theming API component
1717

18-
This sample component shows use cases to use the modern theming API capabilities to style your component based on the current theme used in your app. The imported components adhere to the default Power Apps modern theme initially, until you [enable modern controls and themes for your app](../../../powerapps/maker/canvas-apps/controls/modern-controls/overview-modern-controls.md#enable-modern-controls-and-themes-for-your-app) and [apply a modern theme](../../../maker/canvas-apps/controls/modern-controls/modern-theming#apply-modern-theme).
18+
This sample component shows use cases to use the modern theming API capabilities to style your component based on the current theme used in your app. The imported components adhere to the default Power Apps modern theme initially, until you [enable modern controls and themes for your app](../../../maker/canvas-apps/controls/modern-controls/overview-modern-controls.md#enable-modern-controls-and-themes-for-your-app) and [apply a modern theme](../../../maker/canvas-apps/controls/modern-controls/modern-theming.md#apply-modern-theme).
1919

2020
:::row:::
2121
:::column:::
@@ -37,10 +37,10 @@ Model-driven and canvas apps
3737

3838
The sample component demonstrates four different examples consuming the Power Apps modern theming API.
3939

40-
- Fluent v9 sample with automatic application of the current modern theme: [Automatic Modern Theming](../../component-framework/fluent-modern-theming.md#automatic-modern-theming)
41-
- Fluent v8 sample styling itself by creating its own v8 ThemeProvider based on the v9 theme tokens passed via the PCF context parameters: [Modern Theming for Fluent UI v8 controls](../../component-framework/fluent-modern-theming.md#modern-theming-for-fluent-ui-v8-controls)
42-
- Non-Fluent sample that applies styling to its HTML elements by directly referencing v9 theme tokens passed via the PCF context parameters: [Modern Theming for non-Fluent UI controls](../../component-framework/fluent-modern-theming.md#modern-theming-for-non-fluent-ui-controls)
43-
- Fluent v9 sample creating its own custom v9 FluentProvider modifying the theme passed via the PCF context parameters. [Modern Theming via PCF context parameters](../../component-framework/fluent-modern-theming.md#modern-theming-via-pcf-context-parameters)
40+
- Fluent v9 sample with automatic application of the current modern theme: [Fluent UI v9 controls](../fluent-modern-theming.md#fluent-ui-v9-controls)
41+
- Fluent v8 sample styling itself by creating its own v8 ThemeProvider based on the v9 theme tokens passed via the PCF context parameters: [Fluent UI v8 controls](../fluent-modern-theming.md#fluent-ui-v8-controls)
42+
- Non-Fluent sample that applies styling to its HTML elements by directly referencing v9 theme tokens passed via the PCF context parameters: [Non-Fluent UI controls](../fluent-modern-theming.md#non-fluent-ui-controls)
43+
- Fluent v9 sample creating its own custom v9 FluentProvider modifying the theme passed via the PCF context parameters. [Custom theme providers](../fluent-modern-theming.md#custom-theme-providers)
4444

4545
You can download the sample component from [PowerApps-Samples/component-framework/FluentThemingAPIControl](https://github.com/microsoft/PowerApps-Samples/tree/master/component-framework/FluentThemingAPIControl).
4646

@@ -50,8 +50,8 @@ You can download the sample component from [PowerApps-Samples/component-framewor
5050
[How to use the sample components](../use-sample-components.md)
5151
[Power Apps component framework API reference](../reference/index.md)
5252
[Style components with modern theming (Preview)](../../component-framework/fluent-modern-theming.md)
53-
[Theming reference](../../../powerapps/developer/component-framework/reference/theming)
54-
[Use modern themes in canvas apps (preview)](../../../maker/canvas-apps/controls/modern-controls/modern-theming)
55-
[Overview of modern controls and themes (preview)](../../..//maker/canvas-apps/controls/modern-controls/overview-modern-controls)
53+
[Theming reference](../reference/theming.md)
54+
[Use modern themes in canvas apps (preview)](../../../maker/canvas-apps/controls/modern-controls/modern-theming.md)
55+
[Overview of modern controls and themes in canvas apps](../../../maker/canvas-apps/controls/modern-controls/overview-modern-controls.md)
5656

5757
[!INCLUDE[footer-include](../../../includes/footer-banner.md)]

0 commit comments

Comments
 (0)