Opens more content on click.
<grain-read-more>
<h3>Read More</h3>
<div slot="more">
The Content is only visible if grain-read-more is opened
</div>
</grain-read-more>
$ bower install --save daKmoR/grain-read-more
Import the package.
<link rel="import" href="/bower_components/grain-read-more/grain-read-more.html">
Create the element providing a more slot.
<grain-read-more>
<h3>Read More</h3>
<div slot="more">
The Content is only visible if grain-read-more is opened
</div>
</grain-read-more>
- Elements tagged with
slot="more"
will only become visible if grain-read-more is opened. - Elements tagged with
slot="intro"
will always be visible. - Elements with no slot attributed will trigger opened to be "true"/"false"
<grain-read-more opened="true">
<h3>Read More - opened by default</h3>
<div slot="more">
The Content is only visible if grain-read-more is opened
</div>
</grain-read-more>
For more information, see the API documentation.
First, make sure you have the Polymer CLI installed.
- View the Element via
polymer serve
- Run tests via
polymer test