grain-read-more

(no summary available)

View larger

Close

[ This description is mirrored from README.md at github.com/daKmoR/grain-read-more on 2019-05-22 ]

<grain-read-more>

Opens more content on click.

Demo

<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>

Installation

$ bower install --save daKmoR/grain-read-more

Getting Started

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.

Working on the Element

First, make sure you have the Polymer CLI installed.

• View the Element via polymer serve
• Run tests via polymer test

Links

• GitHub Homepage
• Online Demo
• Issue tracker
• Documentation
• License
• View on GitHub

Compatibility