--- page_type: sample products: - office-sp languages: - javascript - typescript extensions: contentType: samples technologies: - SharePoint Framework - Fluent UI React Controls platforms: - React createdDate: 5/10/2020 12:00:00 AM --- # React Custom Links ## Summary In this web part you can full customize the background and foreground color, font size, width and height of links ![CustomLinks](./assets/customlinks.gif) ![CustomLinks](./assets/customLinks01.PNG) ![CustomLinks](./assets/customLinks02.PNG) ![CustomLinks](./assets/customLinks03.PNG) ## Used SharePoint Framework Version ![1.11.0](https://img.shields.io/badge/version-1.11.0-green.svg) ## Applies to * [SharePoint Framework](https://docs.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview) * [Office 365 tenant](https://docs.microsoft.com/sharepoint/dev/spfx/set-up-your-development-environment) ## Solution Solution|Author(s) --------|--------- react-custom-links|João Mendes ## Version history Version|Date|Comments -------|----|-------- 1.0.0| October 5, 2020|Initial release ## Disclaimer **THIS CODE IS PROVIDED *AS IS* WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.** --- ## Minimal Path to Awesome Please follow all the steps: - Clone this repository - in the command line run: - `npm install` - `gulp build` - `gulp bundle --ship` - `gulp package-solution --ship` - Add and deploy package to your tenant's App Catalog