-
Notifications
You must be signed in to change notification settings - Fork 1k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #2 from Linda-Editor/patch-5
Edit pass complete.
- Loading branch information
Showing
1 changed file
with
15 additions
and
7 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,31 +1,39 @@ | ||
--- | ||
title: Key web part examples | ||
description: A visual overview of Communication site and Team site templates. | ||
ms.date: 5/08/2018 | ||
--- | ||
|
||
# Key web part examples | ||
|
||
Web parts are the building blocks of your page. | ||
|
||
This is a visual overview of Communication site and Team site templates, highlighting how web parts work together to create a coherent overall design. Use these pages as reference when designing a SharePoint web part. It is important to consider how the web part will look and function when sitting next to other web parts on a page. Follow the patterns in this documentation and on the [Office UI Fabric site](https://developer.microsoft.com/en-us/fabric) to ensure consistency in layout and grid alignment, font size and hierarchy, commanding, empty states and more. | ||
This is a visual overview of Communication site and Team site templates, highlighting how web parts work together to create a coherent overall design. Use these pages as reference when designing a SharePoint web part. | ||
|
||
It is important to consider how the web part will look and function when sitting next to other web parts on a page. Follow the patterns in this documentation and on the [Office UI Fabric site](https://developer.microsoft.com/en-us/fabric) to ensure consistency in layout and grid alignment, font size and hierarchy, commanding, empty states, and more. | ||
|
||
# Communication sites | ||
## Communication sites | ||
|
||
The Topic design is used when you have a lot of information to share, such as news, events, report and other content. It is built from the Hero, News, Events, Highlighted content, Quick links and People web parts. | ||
### Topic design | ||
|
||
The Topic design is used when you have a lot of information to share, such as news, events, reports, and other content. It is built from the Hero, News, Events, Highlighted content, Quick links, and People web parts. | ||
|
||
![Topic site homepage](../images/sites_topic.png) | ||
|
||
|
||
The Showcase design is used to feature a product, team or event. It is leverages the Hero and Image gallery web parts to show rich visual content. | ||
### Showcase design | ||
|
||
The Showcase design is used to feature a product, team, or event. It leverages the Hero and Image gallery web parts to show rich visual content. | ||
|
||
![Showcase site homepage](../images/sites_showcase.png) | ||
|
||
# Team sites | ||
## Team sites | ||
|
||
The Team site design is the default layout for any new team. It features the News, Quick links, Highlighted content, and Document library web parts. | ||
|
||
The Team site design is the default layout for any new team. It features the News, Quick links, Highlighted content and Document library web parts. | ||
![Team site homepage](../images/sites_teamsite.png) | ||
|
||
These example site and web part designs have been added to the SharePoint toolkit and can be used as reference when designing web parts. | ||
[SharePoint toolkit](https://developer.microsoft.com/en-us/fabric#/resources) | ||
For more information, see the [SharePoint toolkit](https://developer.microsoft.com/en-us/fabric#/resources). | ||
|
||
|