Directory

← Back

grain-read-more

(no summary available)

Author

Rating

Popularity

<100

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

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

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Dependencies

Polymer/polymer#>=2.0.0-rc.2 <3.0

  • daKmoR/grain-update-inline-style-behavior#>=0.8.0 <2.0
  • daKmoR/grain-responsive-behavior#>=0.8.0 <2.0
Released
2017-04-30
Maturity
TESTED
License
Other

Compatibility

Framework
Polymer 1.0+
Browser
Browser Independent

grain-read-more - Vaadin Add-on Directory

(no summary available) grain-read-more - Vaadin Add-on Directory
**[ This description is mirrored from README.md at [github.com/daKmoR/grain-read-more](https://github.com//daKmoR/grain-read-more/blob/v0.8.1/README.md) on 2019-05-22 ]** [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/daKmoR/grain-read-more) [![Polymer Version](https://img.shields.io/badge/polymer-v2-blue.svg)](https://www.polymer-project.org) # \ Opens more content on click. ## Demo ```html

Read More

The Content is only visible if grain-read-more is opened
``` ## Installation ```sh $ bower install --save daKmoR/grain-read-more ``` ## Getting Started Import the package. ```html ``` Create the element providing a more slot. ```html

Read More

The Content is only visible if grain-read-more is opened
``` * 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" ```html

Read More - opened by default

The Content is only visible if grain-read-more is opened
``` *For more information, see the API documentation.* ## Working on the Element First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) installed. * View the Element via `polymer serve` * Run tests via `polymer test`
Online