forked from LeaVerou/css3patterns
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
2 changed files
with
12 additions
and
4 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,3 +1,6 @@ | ||
[](https://www.webcomponents.org/element/@jwillmer/pattern-component) | ||
[](https://www.npmjs.com/package/@jwillmer/pattern-component) | ||
|
||
# CSS Pattern Web Component | ||
|
||
This web component creates a background pattern only by using CSS. It is very usefull to quickly create nice looking placeholders for profile pictures. | ||
|
@@ -57,6 +60,11 @@ Need help? Check out our docs [here](https://stenciljs.com/docs/my-first-compone | |
|
||
## Using this component | ||
|
||
### Script tag | ||
|
||
- Put a script tag similar to this `<script src='https://unpkg.com/[email protected]/dist/css3pattern.js'></script>` in the head of your index.html | ||
- Then you can use the element anywhere in your template, JSX, html etc | ||
|
||
### Node Modules | ||
- Run `npm install @jwillmer/pattern-component --save` | ||
- Put a script tag similar to this `<script src='node_modules/@jwillmer/pattern-component/dist/css3pattern.js'></script>` in the head of your index.html | ||
|
@@ -65,4 +73,4 @@ Need help? Check out our docs [here](https://stenciljs.com/docs/my-first-compone | |
### In a stencil-starter app | ||
- Run `npm install @jwillmer/pattern-component --save` | ||
- Add an import to the npm packages `import @jwillmer/pattern-component;` | ||
- Then you can use the element anywhere in your template, JSX, html etc | ||
- Then you can use the element anywhere in your template, JSX, html etc |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters