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-quotes
History
Zach fc7fbd981a react-quotes sample (#1062) 
* Initial Commit

* Changes to ReadME file

* fixed sample image in readme
 		2019-12-09 11:08:46 +02:00
..
.vscode react-quotes sample (#1062) 2019-12-09 11:08:46 +02:00
assets react-quotes sample (#1062) 2019-12-09 11:08:46 +02:00
config react-quotes sample (#1062) 2019-12-09 11:08:46 +02:00
src react-quotes sample (#1062) 2019-12-09 11:08:46 +02:00
teams react-quotes sample (#1062) 2019-12-09 11:08:46 +02:00
.editorconfig react-quotes sample (#1062) 2019-12-09 11:08:46 +02:00
.gitignore react-quotes sample (#1062) 2019-12-09 11:08:46 +02:00
.yo-rc.json react-quotes sample (#1062) 2019-12-09 11:08:46 +02:00
README.md react-quotes sample (#1062) 2019-12-09 11:08:46 +02:00
gulpfile.js react-quotes sample (#1062) 2019-12-09 11:08:46 +02:00
package-lock.json react-quotes sample (#1062) 2019-12-09 11:08:46 +02:00
package.json react-quotes sample (#1062) 2019-12-09 11:08:46 +02:00
tsconfig.json react-quotes sample (#1062) 2019-12-09 11:08:46 +02:00
tslint.json react-quotes sample (#1062) 2019-12-09 11:08:46 +02:00

README.md

react-quotes

Summary

This webpart displays a quote of the day by querying a third-party api or can display a quote entered manually into the webpart property pane.

picture of the web part in action

Used SharePoint Framework Version

drop

Applies to

Solution

Solution Author(s)
react-quotes Zach Roberts

Version history

Version Date Comments
1.0 November 11, 2019 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

  • Clone this repository
  • in the command line run:
    • npm install
    • gulp serve
  • In the browser that opens add the webpart to your page.
  • After the webpart has loaded it will load the quote automatically or you can edit the webparts properties to display a manual quote.

Features

This webpart loads a random quote from a third-party api (https://favqs.com/api). Additionally a quote can be entered manually and the text color of the quote and author can be adjusted through the webpart properties.