You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+18-2Lines changed: 18 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -16,7 +16,7 @@
16
16
17
17
The `Microsoft.Fast.Components.FluentUI` package provides a lightweight set of [Blazor](https://blazor.net) component wrappers around Microsoft's official FluentUI Web Components. The FluentUI Web Components are built on [FAST](https://www.fast.design/) and work in every major browser. To get up and running with `Microsoft.Fast.Components.FluentUI` see the Getting Started section below.
18
18
19
-
The source for `@fluentui/web-components` is hosted in the [Fluent UI](https://github.com/microsoft/fluentui/tree/master/packages/web-components) mono-repository. An implementation of current Fluent Web Components can be found at https://aka.ms/fluentwebcomponents.
19
+
The source for `@fluentui/web-components` is hosted in the [Fluent UI](https://github.com/microsoft/fluentui/tree/master/packages/web-components) mono-repository. Documentation on the components is available on [docs.microsoft.com](https://docs.microsoft.com/en-us/fluent-ui/web-components/).
20
20
21
21
## Getting Started
22
22
@@ -41,16 +41,32 @@ Depending on what type of Blazor project you are building, it will go into one o
41
41
42
42
Once these steps are completed, you can then begin using the components throughout your Blazor application by adding the following `using` statement to your views:
43
43
44
-
```cs
44
+
```razor
45
45
@using Microsoft.Fast.Components.FluentUI
46
46
```
47
47
48
+
Here's an example of what page with a card and button would look like:
49
+
50
+
```razor
51
+
@page "/"
52
+
@using Microsoft.Fast.Components.FluentUI
53
+
54
+
<FluentCard>
55
+
<h2>Hello World!</h2>
56
+
<FluentButton Appearance="@Appearance.Accent">
57
+
Click Me
58
+
</FluentButton>
59
+
</FluentCard>
60
+
```
61
+
48
62
Take a look in the `examples` folder of this repository to see how to use the various components.
49
63
50
64
## Joining the Community
51
65
52
66
Looking to get answers to questions or engage with us in realtime? Our community is most active [on Discord](https://discord.gg/FcSNfg4). Submit requests and issues on [GitHub](https://github.com/dotnet/blazor-fluentui/issues/new/choose), or join us by contributing on [some good first issues via GitHub](https://github.com/dotnet/blazor-fluentui/labels/community:good-first-issue).
53
67
68
+
If you don't find a component you're looking for, it's best to create the issue in our FAST repo [here](https://github.com/microsoft/fast) and limit issues on this repo to bugs in the Blazor component wrappers or Blazor-specific features.
69
+
54
70
We look forward to building an amazing open source community with you!
0 commit comments