honeymoose
/
sp-dev-fx-webparts
mirror of https://github.com/pnp/sp-dev-fx-webparts.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
sp-dev-fx-webparts/samples/react-custom-links
History
Hugo Bernier 0aa62d9ba0
Merge pull request #3079 from pnp/dependabot/npm_and_yarn/samples/react-custom-links/minimatch-and-gulp-3.0.4 
Bump minimatch and gulp in /samples/react-custom-links
 		2022-10-24 09:47:25 -04:00
..
assets Changed docs links to learn 2022-10-24 09:42:45 -04: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 Changed docs links to learn 2022-10-24 09:42:45 -04: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 Bump minimatch and gulp in /samples/react-custom-links 2022-10-24 13:25:07 +00:00
package.json Bump minimatch and gulp in /samples/react-custom-links 2022-10-24 13:25:07 +00: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

Compatibility

This sample is designed to be used in the following enviroments:

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

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 Compatible with Remote Containers

For more information about SPFx compatibility, please refer to https://aka.ms/spfx-matrix

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:

This sample can also be opened with VS Code Remote Development. Visit https://aka.ms/spfx-devcontainer for further instructions.

  • 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.