Skip to content

ireade/caniuse-embed-polymer

Repository files navigation

<caniuse-embed>

Published on webcomponents.org

<caniuse-embed> is a Polymer Element that displays feature support data from caniuse.com for multiple versions of the 10 major browsers. It is configurable, reliable, and fully responsive. This Polymer element is based on the original JavaScript embed.

Desktop View of Embed

Mobile View of Embed

Installation

bower i ireade/caniuse-embed-polymer --save

Usage

There are three properties you can add to the element for configuration -

Property Description
feature (required) The feature slug, retrieved from caniuse.com
futureVersions The number of future browser versions to display in the embed (max 3)
pastVersions The number of past browser versions to display in the embed (max 5)

Examples

1. Create an embed for the "SVG Effects for HTML" feature, displaying one future version and two past browser versions

<caniuse-embed feature="svg-html" future-versions="1" past-versions="2"></caniuse-embed>

2. Create an embed for "Viewport Units" feature, displaying only the current browser version

<caniuse-embed feature="viewport-units"></caniuse-embed>

Copyright and Licence