Skip to content

Commit 5a94bfa

Browse files
MnickiiMnickii
authored
fix: correct storybook overview component links (#3223)
1 parent cb7621a commit 5a94bfa

File tree

2 files changed

+25
-20
lines changed

2 files changed

+25
-20
lines changed

‎stories/overview.stories.mdx‎

Lines changed: 20 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ The Microsoft Graph Toolkit is a collection of reusable, framework-agnostic comp
1111

1212
<img src="graff.png" className="docs-img-centered" alt="graph logo" width="15%"/>
1313

14-
The Microsoft Graph Toolkit makes it easy to use Microsoft Graph in your application. In this [example](?path=/story/samples-general--login-to-show-agenda), a signed in user and their calendar events are displayed with just two lines of code by using the [Login](?path=/story/components-mgt-login--login) and [Agenda](?path=/story/components-mgt-agenda--simple) components.
14+
The Microsoft Graph Toolkit makes it easy to use Microsoft Graph in your application. In this [example of a signed in user's calendar events](?path=/story/samples-general-html--calendar), the events are displayed with just two lines of code by using the [Login](?path=/story/components-mgt-login-html--login) and [Agenda](?path=/story/components-mgt-agenda-html--agenda) components.
1515

1616
<p>This site is providing documentation for version {PACKAGE_VERSION} of the Microsoft Graph Toolkit.</p>
1717

@@ -46,25 +46,25 @@ The Microsoft Graph Toolkit includes a collection of web components for the most
4646

4747
The components are also available as [React components](https://learn.microsoft.com/graph/toolkit/get-started/mgt-react).
4848

49-
| Component | Description |
50-
| ---------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------ |
51-
| [Agenda](?path=/story/components-mgt-agenda--simple) | Displays events in a user or group's calendar. |
52-
| [File](?path=/story/components-mgt-file--file) | Represents a file or folder with icon, filename, author, and more. |
53-
| [File list](?path=/story/components-mgt-file-list--file-list) | Displays a list of multiple files or folders. |
54-
| [Get](?path=/story/components-mgt-get--get-email) | Make a GET query to any Microsoft Graph API directly in your HTML. |
55-
| [Login](?path=/story/components-mgt-login--login) | A button and a flyout control to authenticate a user with the Microsoft Identity platform and display the user's profile information on sign in. |
56-
| [People](?path=/story/components-mgt-people--people) | Displays a group of people or contacts by their photos or initials. |
57-
| [People picker](?path=/story/components-mgt-people-picker--people-picker) | Provides the ability to search for people and renders the list of results. |
58-
| [Person](?path=/story/components-mgt-person--person) | Displays a person or contact by their photo, name, and/or email address. |
59-
| [Person card](?path=/story/components-mgt-person-card--person-card) | A flyout used on the person component to display more profile information about a user. |
60-
| [Picker](?path=/story/components-mgt-picker--picker) | Displays a generic picker that allows for picking of Microsoft Graph entities. |
61-
| [Planner](?path=/story/components-mgt-planner--tasks) | Displays and enables adding, removing, completing, or editing of tasks from Microsoft Planner. |
62-
| [Search Box](?path=/story/preview-mgt-search-box--search-box) | An input box for search scenarios. |
63-
| [Seach Results](?path=/story/preview-mgt-search-results--search-results) | A component for executing search queries and displaying search results. |
64-
| [Taxonomy picker](?path=/story/components-mgt-taxonomy-picker--taxonomy-picker) | Use the taxonomy picker component to query the Microsoft Graph API for Taxonomy and render a dropdown control with terms. |
65-
| [Teams channel picker](?path=/story/components-mgt-teams-channel-picker--teams-channel-picker) | Provides the ability to search for Microsoft Teams channels to select a channel from a rendered list of results. |
66-
| [Theme toggle](?path=/story/components-mgt-theme-toggle--user-preference-driven) | Provides the ability to toggle between light and dark themes. |
67-
| [To Do](?path=/story/components-mgt-todo--todos) | Displays and enables adding, removing, completing, or editing of tasks from Microsoft To Do. |
49+
| Component | Description |
50+
| --------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------ |
51+
| [Agenda](?path=/story/components-mgt-agenda-html--agenda) | Displays events in a user or group's calendar. |
52+
| [File](?path=/story/components-mgt-file-html--file) | Represents a file or folder with icon, filename, author, and more. |
53+
| [File list](?path=/story/components-mgt-file-list-html--file-list) | Displays a list of multiple files or folders. |
54+
| [Get](?path=/story/components-mgt-get-html--get-email) | Make a GET query to any Microsoft Graph API directly in your HTML. |
55+
| [Login](?path=/story/components-mgt-login-html--login) | A button and a flyout control to authenticate a user with the Microsoft Identity platform and display the user's profile information on sign in. |
56+
| [People](?path=/story/components-mgt-people-html--people) | Displays a group of people or contacts by their photos or initials. |
57+
| [People picker](?path=/story/components-mgt-people-picker-html--people-picker) | Provides the ability to search for people and renders the list of results. |
58+
| [Person](?path=/story/components-mgt-person-html--person) | Displays a person or contact by their photo, name, and/or email address. |
59+
| [Person card](?path=/story/components-mgt-person-card-html--person-card) | A flyout used on the person component to display more profile information about a user. |
60+
| [Picker](?path=/story/components-mgt-picker-html--picker) | Displays a generic picker that allows for picking of Microsoft Graph entities. |
61+
| [Planner](?path=/story/components-mgt-planner-html--planner) | Displays and enables adding, removing, completing, or editing of tasks from Microsoft Planner. |
62+
| [Search Box](?path=/story/components-mgt-search-box-html--search-box) | An input box for search scenarios. |
63+
| [Seach Results](?path=/story/components-mgt-search-results-html--search-results) | A component for executing search queries and displaying search results. |
64+
| [Taxonomy picker](?path=/story/components-mgt-taxonomy-picker-html--taxonomy-picker) | Use the taxonomy picker component to query the Microsoft Graph API for Taxonomy and render a dropdown control with terms. |
65+
| [Teams channel picker](?path=/story/components-mgt-teams-channel-picker-html--teams-channel-picker) | Provides the ability to search for Microsoft Teams channels to select a channel from a rendered list of results. |
66+
| [Theme toggle](?path=/story/components-mgt-theme-toggle-html--user-preference-driven) | Provides the ability to toggle between light and dark themes. |
67+
| [To Do](?path=/story/components-mgt-todo-html--todos) | Displays and enables adding, removing, completing, or editing of tasks from Microsoft To Do. |
6868

6969
#### Providers
7070

‎stories/samples/general.html.stories.js‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -237,3 +237,8 @@ export const IsSignedIn = () => html`
237237
}
238238
</script>
239239
`;
240+
241+
export const Calendar = () => html`
242+
<mgt-login></mgt-login></mgt-login>
243+
<mgt-agenda group-by-day></mgt-agenda>
244+
`;

0 commit comments

Comments
 (0)