sp-dev-fx-webparts/samples/react-custom-links
Hugo Bernier 86013372c0 Added all 1.12.1 and 1.13 containers 2022-02-14 02:52:18 -05:00
..
assets Removing unnecessary office product from the sample metadata 2021-12-10 19:55:32 +02:00
config Adding PnP identifier for the MPN ID entries in samples - distinct sample usage in production 2021-01-07 14:51:39 +02:00
src new sample react-custom-links 2020-10-05 18:52:15 +01:00
teams new sample react-custom-links 2020-10-05 18:52:15 +01:00
tools new sample react-custom-links 2020-10-05 18:52:15 +01:00
.editorconfig new sample react-custom-links 2020-10-05 18:52:15 +01:00
.gitignore new sample react-custom-links 2020-10-05 18:52:15 +01:00
.yo-rc.json new sample react-custom-links 2020-10-05 18:52:15 +01:00
README.md Added all 1.12.1 and 1.13 containers 2022-02-14 02:52:18 -05:00
azure-pipelines-build-template.yml new sample react-custom-links 2020-10-05 18:52:15 +01:00
azure-pipelines-deploy-template.yml new sample react-custom-links 2020-10-05 18:52:15 +01:00
azure-pipelines.yml new sample react-custom-links 2020-10-05 18:52:15 +01:00
gulpfile.js new sample react-custom-links 2020-10-05 18:52:15 +01:00
package-lock.json new sample react-custom-links 2020-10-05 18:52:15 +01:00
package.json Updated version number 2020-10-08 01:15:20 -04:00
tsconfig.json new sample react-custom-links 2020-10-05 18:52:15 +01:00
tslint.json new sample react-custom-links 2020-10-05 18:52:15 +01:00

README.md

page_type products languages extensions
sample
office-sp
javascript
typescript
contentType technologies platforms createdDate
samples
SharePoint Framework
Fluent UI React Controls
React
5/10/2020 12:00:00 AM

Custom Links

Summary

In this web part you can full customize the background and foreground color, font size, width and height of links

CustomLinks

CustomLinks

CustomLinks

CustomLinks

Compatibility

SPFx 1.11 Node.js v10 Compatible with SharePoint Online Does not work with SharePoint 2019 Does not work with SharePoint 2016 (Feature Pack 2) Local Workbench Compatible Hosted Workbench Compatible

Applies to

Solution

Solution Author(s)
react-custom-links João Mendes

Version history

Version Date Comments
1.0.0 October 5, 2020 Initial release

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

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.