Skip to content

A Polymer element for putting any text inside a shape you choose (Experimental)

Notifications You must be signed in to change notification settings

httpstersk/plastic-paragraph

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

<plastic-paragraph>

A Polymer element to put any paragraph of text inside a shape you choose (Experimental)

alt tag

Install

Install the component using Bower:

$ bower install plastic-paragraph --save

Or download as ZIP.

Usage

  1. Import Web Components' polyfill:
<script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/0.5.2/webcomponents.min.js"></script>
  1. Import Custom Element:
<link rel="import" href="plastic-paragraph/plastic-paragraph.html">
  1. Start using it!
<p is="plastic-paragraph"></p>

Options

Attribute Options Default Description
shape circle, rhomb, diagonal, sandglass circle The shape attribute sets a wrapping shape
size int 320 The size attribute sets a size of an element

Example

<p is="plastic-paragraph" shape="circle" size="600">Web Components usher in a new era of web development based on encapsulated and interoperable custom elements that extend HTML itself. Built atop these new standards, Polymer makes it easier and faster to create anything from a button to a complete application across desktop, mobile, and beyond.</p>

Contributing

  1. Fork it!
  2. Create your feature branch: git checkout -b my-new-feature
  3. Commit your changes: git commit -m 'Add some feature'
  4. Push to the branch: git push origin my-new-feature
  5. Submit a pull request ;)

History

For detailed changelog, check Releases.

License

MIT License

About

A Polymer element for putting any text inside a shape you choose (Experimental)

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages