diff --git a/packages/mgt-components/README.md b/packages/mgt-components/README.md index 29737cf2a0..d6351695a9 100644 --- a/packages/mgt-components/README.md +++ b/packages/mgt-components/README.md @@ -13,16 +13,23 @@ You can explore components and samples with the [playground](https://mgt.dev) po The Toolkit currently includes the following components: +* [mgt-agenda](https://learn.microsoft.com/graph/toolkit/components/agenda) +* [mgt-file](https://learn.microsoft.com/graph/toolkit/components/file) +* [mgt-file-list](https://learn.microsoft.com/graph/toolkit/components/file-list) +* [mgt-get](https://learn.microsoft.com/graph/toolkit/components/get) * [mgt-login](https://learn.microsoft.com/graph/toolkit/components/login) -* [mgt-person](https://learn.microsoft.com/graph/toolkit/components/person) -* [mgt-person-card](https://learn.microsoft.com/graph/toolkit/components/person-card) * [mgt-people](https://learn.microsoft.com/graph/toolkit/components/people) * [mgt-people-picker](https://learn.microsoft.com/graph/toolkit/components/people-picker) -* [mgt-agenda](https://learn.microsoft.com/graph/toolkit/components/agenda) +* [mgt-person](https://learn.microsoft.com/graph/toolkit/components/person) +* [mgt-person-card](https://learn.microsoft.com/graph/toolkit/components/person-card) +* [mgt-picker](https://learn.microsoft.com/en-us/graph/toolkit/components/picker) +* [mgt-search-box](https://learn.microsoft.com/graph/toolkit/components/person-box) +* [mgt-search-results](https://learn.microsoft.com/graph/toolkit/components/search-results) * [mgt-tasks](https://learn.microsoft.com/graph/toolkit/components/tasks) -* [mgt-todo](https://learn.microsoft.com/graph/toolkit/components/todo) -* [mgt-get](https://learn.microsoft.com/graph/toolkit/components/get) +* [mgt-taxonomy-picker](https://learn.microsoft.com/graph/toolkit/components/taxonomy-picker) * [mgt-teams-channel-picker](https://learn.microsoft.com/graph/toolkit/components/teams-channel-picker) +* [mgt-theme-toggle](https://learn.microsoft.com/graph/toolkit/components/theme-toggle) +* [mgt-todo](https://learn.microsoft.com/graph/toolkit/components/todo) The components work best when used with a [provider](https://learn.microsoft.com/graph/toolkit/providers). The provider handles authentication and the requests to the Microsoft Graph APIs used by the components. diff --git a/packages/mgt/README.md b/packages/mgt/README.md index cb6d8264d5..2830533e5f 100644 --- a/packages/mgt/README.md +++ b/packages/mgt/README.md @@ -15,27 +15,34 @@ The Microsoft Graph Toolkit includes a collection of web components for the most The components are also available as [React components](https://learn.microsoft.com/graph/toolkit/get-started/mgt-react). +* [mgt-agenda](https://learn.microsoft.com/graph/toolkit/components/agenda) +* [mgt-file](https://learn.microsoft.com/graph/toolkit/components/file) +* [mgt-file-list](https://learn.microsoft.com/graph/toolkit/components/file-list) +* [mgt-get](https://learn.microsoft.com/graph/toolkit/components/get) * [mgt-login](https://learn.microsoft.com/graph/toolkit/components/login) -* [mgt-person](https://learn.microsoft.com/graph/toolkit/components/person) -* [mgt-person-card](https://learn.microsoft.com/graph/toolkit/components/person-card) * [mgt-people](https://learn.microsoft.com/graph/toolkit/components/people) * [mgt-people-picker](https://learn.microsoft.com/graph/toolkit/components/people-picker) -* [mgt-agenda](https://learn.microsoft.com/graph/toolkit/components/agenda) +* [mgt-person](https://learn.microsoft.com/graph/toolkit/components/person) +* [mgt-person-card](https://learn.microsoft.com/graph/toolkit/components/person-card) +* [mgt-picker](https://learn.microsoft.com/en-us/graph/toolkit/components/picker) +* [mgt-search-box](https://learn.microsoft.com/graph/toolkit/components/person-box) +* [mgt-search-results](https://learn.microsoft.com/graph/toolkit/components/search-results) * [mgt-tasks](https://learn.microsoft.com/graph/toolkit/components/tasks) -* [mgt-todo](https://learn.microsoft.com/graph/toolkit/components/todo) -* [mgt-get](https://learn.microsoft.com/graph/toolkit/components/get) +* [mgt-taxonomy-picker](https://learn.microsoft.com/graph/toolkit/components/taxonomy-picker) * [mgt-teams-channel-picker](https://learn.microsoft.com/graph/toolkit/components/teams-channel-picker) +* [mgt-theme-toggle](https://learn.microsoft.com/graph/toolkit/components/theme-toggle) +* [mgt-todo](https://learn.microsoft.com/graph/toolkit/components/todo) ## Providers [Providers](https://learn.microsoft.com/graph/toolkit/providers) enable authentication and provide the implementation for acquiring access tokens on various platforms and expose a Microsoft Graph Client for calling the Microsoft Graph APIs. The components work best when used with a provider, but the providers can be used on their own. -* [Msal Provider](https://learn.microsoft.com/graph/toolkit/providers/msal) -* [Msal2 Provider](https://learn.microsoft.com/graph/toolkit/providers/msal2) -* [SharePoint Provider](https://learn.microsoft.com/graph/toolkit/providers/sharepoint) -* [Teams Provider](https://learn.microsoft.com/graph/toolkit/providers/teams) -* [Teams Msal2 Provider](https://learn.microsoft.com/graph/toolkit/providers/teams-msal2) -* [Proxy Provider](https://learn.microsoft.com/graph/toolkit/providers/proxy) -* [Simple Provider](https://learn.microsoft.com/graph/toolkit/providers/custom) +* [Msal2Provider](https://learn.microsoft.com/graph/toolkit/providers/msal2) +* [SharePointProvider](https://learn.microsoft.com/graph/toolkit/providers/sharepoint) +* [TeamsFxProvider](https://learn.microsoft.com/graph/toolkit/providers/teamsfx) +* [ProxyProvider](https://learn.microsoft.com/graph/toolkit/providers/proxy) +* [SimpleProvider](https://learn.microsoft.com/graph/toolkit/providers/custom) +* [ElectronProvider](https://learn.microsoft.com/graph/toolkit/providers/electron) + ## Getting Started @@ -46,15 +53,15 @@ You can use the components by referencing the loader directly (via unpkg), or in ### Use via mgt-loader: ```html - + ``` -> NOTE: This link will load the highest available version of @microsoft/mgt in the range `>= 2.0.0 < 3.0.0`, omitting the `@2` fragment from the url results in loading the latest version. This could result in loading a new major version and breaking the application. +> NOTE: This link will load the highest available version of @microsoft/mgt in the range `>= 3.0.0 < 4.0.0`, omitting the `@3` fragment from the url results in loading the latest version. This could result in loading a new major version and breaking the application. You can then start using the components in your html page. Here is a full working example with the Msal2 provider: ```html - + diff --git a/readme.md b/readme.md index 6fe01298ef..2fe2885151 100644 --- a/readme.md +++ b/readme.md @@ -62,6 +62,7 @@ The Toolkit currently includes the following components: * [mgt-people-picker](https://learn.microsoft.com/graph/toolkit/components/people-picker) * [mgt-person](https://learn.microsoft.com/graph/toolkit/components/person) * [mgt-person-card](https://learn.microsoft.com/graph/toolkit/components/person-card) +* [mgt-picker](https://learn.microsoft.com/en-us/graph/toolkit/components/picker) * [mgt-search-box](https://learn.microsoft.com/graph/toolkit/components/person-box) * [mgt-search-results](https://learn.microsoft.com/graph/toolkit/components/search-results) * [mgt-tasks](https://learn.microsoft.com/graph/toolkit/components/tasks)