Google Summer of Code 2017 - Work Product Submission
-
Name: Sahil Budhwar
-
Project Name: Patternfly Frontend Pattern Development
-
Worked on: Patternfly Webcomponent is a library which provides a set of core Web Components for the PatternFly Project
-
Organization: Fedora Project
-
Project Mentors:
-
Commits List:
https://github.com/patternfly-webcomponents/patternfly-webcomponents/commits/master?author=sahil143
-
Pull Requests:
- [#23]Pf-dropdown-------------------------------------------[MERGED]
- [#46]Pf-touchspin--------------------------------------------[MERGED]
- [#50]Pf-popover----------------------------------------------[MERGED]
- [#58]Update Attribute Names ------------------------------[MERGED]
- [#63]Pf-tooltip: Tooltip Not in view Support ------------- [MERGED]
- [#74]pf-donut-chart----------------------------------------[MERGED]
Note:
pf-donut-chart
will help set a foundation for future charts webcomponent. -
Usage:
npm install --save patternfly-webcomponents
Patternfly web components require
patternfly.css
,patternfly-additions.css
, andpatternfly-webcomponents.css
<link rel="stylesheet" href="node_modules/patternfly/dist/css/patternfly.css"> <link rel="stylesheet" href="node_modules/patternfly/dist/css/patternfly-additions.css"> <link rel="stylesheet" href="node_modules/patternfly-webcomponents/dist/css/patternfly-webcomponents.css">
For better browser support include polyfills
<script src="node_modules/webcomponents.js/webcomponents-lite.min.js"></script>
Use a web component
<script src="node_modules/patternfly-webcomponents/dist/js/pf-popover.js"></script>
<pf-popover placement="right" target-selector="#btn-right-t-c" popover-title="Popver on right" dismissible="true">popover text</pf-popover> <button id="btn-right-t-c" type="button" class="btn btn-primary" aria-describedby="popover-right">Popover</button>
For more details visit Patternfly-webcomponents
-
Future Work:
Develop more and more awesome Webcomponents.
-
Thanks To:
- Fedora Project, Patternfly and my mentors for all the awesome work during this period.
- Google Summer of code, for this great experience.
Hi sahil,
I'm Alberto from Fedora CommOps, We note that you have the next community blog entry on draft
| GSoC’17 – Patternfly Webcomponents – Final Report
let us know if you need help? or if:
The CommOps team is here to help. Stop by our IRC channel, #fedora-commops, on Freenode or drop a line on the mailing list.
thanks.