A quick links tiles web part for SharePoint

Every intranet needs a small grid of shortcuts. Book leave, the directory, IT support, raise a PO. Modern SharePoint has a Quick links web part, but you cannot give each tile its own colour or drive the icons from a list column the way you might want. Here is one that does.

Quick links web part showing coloured shortcut tiles with icons on SharePoint
Shortcut tiles with icons, each its own colour.

It reads a SharePoint list. The label is the Title, a Hyperlink column named LinkUrl is where the tile goes, and a text column named IconName holds a Fluent UI icon name like Vacation, Money, Headset or People. The Provision-IntranetLists.ps1 script creates the QuickLinks list.

Quick Links property pane showing columns, the list and the tile colours option
Point it at the list and pick the tile colours.

In the property pane you point it at the list, choose the number of columns, and pick a tile colour palette. Each tile takes its own colour from the family, so the grid does not look flat.

The Quick Links web part is part of my open source SPFx Intranet Suite, a set of web parts for a modern SharePoint intranet. Install the package once and it shows up in the toolbox under Intranet Suite.

Similar Posts

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.