grain-read-more

WebJar for grain-read-more

License

License

MIT
GroupId

GroupId

org.webjars.bowergithub.dakmor
ArtifactId

ArtifactId

grain-read-more
Last Version

Last Version

0.8.1
Release Date

Release Date

Type

Type

jar
Description

Description

grain-read-more
WebJar for grain-read-more
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/daKmoR/grain-read-more

Download grain-read-more

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.bowergithub.dakmor/grain-read-more/ -->
<dependency>
    <groupId>org.webjars.bowergithub.dakmor</groupId>
    <artifactId>grain-read-more</artifactId>
    <version>0.8.1</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.bowergithub.dakmor/grain-read-more/
implementation 'org.webjars.bowergithub.dakmor:grain-read-more:0.8.1'
// https://jarcasting.com/artifacts/org.webjars.bowergithub.dakmor/grain-read-more/
implementation ("org.webjars.bowergithub.dakmor:grain-read-more:0.8.1")
'org.webjars.bowergithub.dakmor:grain-read-more:jar:0.8.1'
<dependency org="org.webjars.bowergithub.dakmor" name="grain-read-more" rev="0.8.1">
  <artifact name="grain-read-more" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.bowergithub.dakmor', module='grain-read-more', version='0.8.1')
)
libraryDependencies += "org.webjars.bowergithub.dakmor" % "grain-read-more" % "0.8.1"
[org.webjars.bowergithub.dakmor/grain-read-more "0.8.1"]

Dependencies

compile (3)

Group / Artifact Type Version
org.webjars.bowergithub.polymer : polymer jar [2.0.0-rc.2,3.0)
org.webjars.bowergithub.dakmor : grain-update-inline-style-behavior jar [0.8.0,2.0)
org.webjars.bowergithub.dakmor : grain-responsive-behavior jar [0.8.0,2.0)

Project Modules

There are no modules declared in this project.

Published on webcomponents.org Polymer Version

<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

Versions

Version
0.8.1