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.
This comment has been minimized.
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.